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.gauges.linear([300, 250, 150]);
5
chart.addPointer(0, 1, 2);
6
chart.bounds(0, 0, '50%', '100%');
7
chart.title('Serialize chart object to JSON');
8
chart.container(stage);
9
chart.draw();
10
11
// Returns chart as JSON object.
12
var json = chart.toJson();
13
14
var chartFromJson = anychart.fromJson(json);
15
chartFromJson.bounds('50%', 0, '50%', '100%');
16
chartFromJson.title('Creates chart from JSON object');
17
chartFromJson.container(stage);
18
chartFromJson.draw();
19
});