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
// create a data set
4
var data = anychart.data.set([
5
["QTR1", 3.8, 5.5, 6.9],
6
["QTR2", 5.5, 7.0, 9.6],
7
["QTR3", 9.9, 9.7, 8.3],
8
["QTR4", 5.7, 7.6, 9.7]
9
]);
10
11
// map the data
12
var seriesData_1 = data.mapAs({x: 0, value: 1});
13
var seriesData_2 = data.mapAs({x: 0, value: 2});
14
var seriesData_3 = data.mapAs({x: 0, value: 3});
15
16
// create a chart
17
var chart = anychart.column();
18
19
/* enable the value stacking mode
20
on the default primary value scale*/
21
chart.yScale().stackMode("value");
22
23
// create column series
24
chart.column(seriesData_1);
25
chart.column(seriesData_2);
26
chart.column(seriesData_3);
27
28
// set the chart title
29
chart.title("Stacked Chart: Value Mode");
30
31
// set the container id
32
chart.container("container");
33
34
// initiate drawing the chart
35
chart.draw();
36
});