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 = anychart.data.set([
5
["Jake", 637166, 737166, 813000],
6
["John", 721630, 537166, 128013],
7
["Peter", 148662, 188662, 194912],
8
["James", 78662, 178662, 612037],
9
["Mary", 90000, 89000, 375913]
10
]);
11
12
// remapping data
13
var Sales2003 = data.mapAs({x: 0, value: 1});
14
var Sales2004 = data.mapAs({x: 0, value: 2});
15
var Sales2005 = data.mapAs({x: 0, value: 3});
16
17
// create a chart
18
var chart = anychart.cartesian();
19
20
// set default series type
21
chart.defaultSeriesType("column");
22
// add series
23
chart.addSeries(Sales2003, Sales2004, Sales2005);
24
25
// create a loop for renaming each of the series
26
var i=0;
27
while (chart.getSeriesAt(i)){
28
chart.getSeriesAt(i).name("Series #" + (i+1));
29
i++;
30
}
31
32
// enable legend
33
chart.legend(true);
34
35
// set axes titles
36
var xAxis = chart.xAxis();
37
xAxis.title("Manager");
38
var yAxis = chart.yAxis();
39
yAxis.title("Sales");
40
41
// draw chart
42
chart.container("container");
43
chart.draw();
44
});