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 stacked mode
15
chart.yScale().stackMode("percent");
16
17
// setting title
18
chart.title("3D Percent Stacked Area Chart");
19
20
// enable grids
21
chart.xGrid().enabled(true);
22
chart.yGrid().enabled(true);
23
24
// set axes titles
25
chart.xAxis().title("Month");
26
chart.yAxis().title("Sales");
27
28
// configure tooltips
29
chart.tooltip().format("{%value} ({%yPercentOfCategory}{decimalsCount:2}%)");
30
31
// configure labels on the y-axis
32
chart.yAxis().labels().format("{%value}%");
33
34
// set data
35
chart.data(data);
36
37
// draw chart
38
chart.container("container");
39
chart.draw();
40
});