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
["Department Stores", 637166, 737166, 813000],
6
["Discount Stores", 721630, 537166, 128013],
7
["Men's/Women's Specialty Stores", 148662, 188662, 194912],
8
["Juvenile Specialty Stores", 78662, 178662, 612037],
9
["All other outlets", 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
// define chart type
18
var chart = anychart.cartesian();
19
20
// set default series type
21
chart.defaultSeriesType("column");
22
// create multiple series
23
chart.addSeries(Sales2003, Sales2004, Sales2005);
24
25
// set axes titles
26
var xAxis = chart.xAxis();
27
xAxis.title("Retail Channel");
28
var yAxis = chart.yAxis();
29
yAxis.title("Sales");
30
31
// draw chart
32
chart.container("container");
33
chart.draw();
34
});