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.circular([{value: 7.5}]);
5
chart.bounds(0, 0, '50%', '100%');
6
chart.axis();
7
chart.needle();
8
chart.title('Serialize chart object to JSON');
9
chart.container(stage);
10
chart.draw();
11
12
// Returns chart as JSON object.
13
var json = chart.toJson();
14
15
var chartFromJson = anychart.fromJson(json);
16
chartFromJson.bounds('50%', 0, '50%', '100%');
17
chartFromJson.title('Creates chart from JSON object');
18
chartFromJson.container(stage);
19
chartFromJson.draw();
20
});