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
3
// JSON data
4
var json = {
5
// chart settings
6
"chart": {
7
// chart type
8
"type": "column",
9
// set chart title
10
"title": "JSON Data Set. Multiple Series",
11
// series settings
12
"series": [{
13
// first series data
14
"data": [
15
{"x": "P1", "value": "128.14"},
16
{"x": "P2", "value": "112.61"},
17
{"x": "P3", "value": "163.21"},
18
{"x": "P4", "value": "229.98"},
19
{"x": "P5", "value": "90.54"}
20
]
21
},{
22
// second series data
23
"data": [
24
{"x": "P1", "value": "90.54"},
25
{"x": "P2", "value": "104.19"},
26
{"x": "P3", "value": "150.67"},
27
{"x": "P4", "value": "120.43"},
28
{"x": "P5", "value": "200.34"}
29
]
30
}],
31
// chart container
32
"container": "container"
33
}
34
};
35
36
// get JSON data
37
var chart = anychart.fromJson(json);
38
39
// draw chart
40
chart.draw();
41
});