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
// create polar chart
3
var chart = anychart.polar();
4
5
// create data set on our data
6
chartData = {
7
rows: [
8
['Jan', 12814, 3054, 4376, 4229],
9
['Feb', 8814, 5067, 13987, 3932],
10
['Mar', 11624, 7004, 3574, 5221],
11
['Apr', 8814, 9054, 4376, 5256],
12
['May', 9998, 5043, 4572, 3308],
13
['Jun', 12321, 15067, 3417, 5432],
14
['Jul', 10342, 10119, 9231, 9701],
15
['Aug', 4814, 3054, 4376, 4229],
16
['Sep', 8814, 5067, 3987, 3932],
17
['Oct', 11624, 17004, 3574, 5221],
18
['Nov', 8814, 9054, 4376, 9256],
19
['Dec', 12998, 8814, 4572, 3308]
20
]
21
};
22
23
// sort data by X
24
chart.sortPointsByX(true)
25
// set series type
26
.defaultSeriesType('column')
27
// disable y-axis
28
.yAxis(false)
29
// set x-scale
30
.xScale('ordinal');
31
32
// set chart data
33
chart.data(chartData);
34
chart.xGrid(false);
35
chart.yGrid(false);
36
37
// set stack mod
38
chart.yScale().stackMode('value');
39
40
// set chart container id
41
chart.container('container');
42
// initiate chart drawing
43
chart.draw();
44
});