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
// set stage
4
var stage = anychart.graphics.create("container");
5
6
// chart type
7
var chart = anychart.column();
8
9
// set title
10
chart.title("Multi-series Column Chart");
11
12
// set axes titles
13
var xAxis = chart.xAxis();
14
xAxis.title("Manager");
15
var yAxis = chart.yAxis();
16
yAxis.title("Sales");
17
18
// set scale minimum
19
var yScale = chart.yScale();
20
yScale.minimum(0);
21
22
var data = anychart.data.set([
23
["John" , 10000, 12000],
24
["Jake" , 12000, 15000],
25
["Peter" , 18000, 16000],
26
["James" , 11000, 13000],
27
["Mary" , 9000, 19000]
28
]);
29
30
// map data for the each series
31
var Sales2003 = data.mapAs({x: [0], value: [1]});
32
var Sales2004 = data.mapAs({x: [0], value: [2]});
33
34
// set series data
35
chart.column(Sales2003);
36
chart.column(Sales2004);
37
38
// draw
39
chart.container(stage);
40
chart.draw();
41
});