HTMLcopy
1
<div id="container"></div>
CSScopy
6
1
html, body, #container {
2
width: 100%;
3
height: 100%;
4
margin: 0;
5
padding: 0;
6
}
JavaScriptcopy
x
1
anychart.onDocumentReady(function () {
2
var stage = anychart.graphics.create('container');
3
4
var chart = anychart.sparkline([1.3, 2, 1.4, 4, 2.3, 6]);
5
chart.title({text: 'Serialize chart string to JSON', orientation: 'top'});
6
chart.bounds(0, 0, '50%', '100%');
7
chart.container(stage);
8
chart.draw();
9
10
// Returns chart as JSON string.
11
var json = chart.toJson(true);
12
13
var chartFromJson = anychart.fromJson(json);
14
chartFromJson.bounds('50%', 0, '50%', '100%');
15
chartFromJson.title({text: 'Creates chart from JSON string', orientation: 'top'});
16
chartFromJson.container(stage);
17
chartFromJson.draw();
18
});