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
// data
4
var data = [
5
["Winter", 12000, 12000, 10000],
6
["Spring", 13000, 12000, 17000],
7
["Summer", 25000, 15000, 19000],
8
["Autumn", 16000, 16000, 16000]
9
];
10
11
// set chart type
12
var chart = anychart.area3d();
13
14
// set data
15
chart.data(data);
16
17
// enable the value stacking mode
18
chart.yScale().stackMode("value");
19
20
// setting title
21
chart.title("3D Stacked Area Chart");
22
23
// enabled grids
24
chart.xGrid().enabled(true);
25
chart.yGrid().enabled(true);
26
27
// set axes titles
28
chart.xAxis().title("Month");
29
chart.yAxis().title("Sales");
30
31
// draw chart
32
chart.container("container");
33
chart.draw();
34
});