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 dataSet = anychart.data.set([
5
["January", 10000, 12000, 15000],
6
["February", 12000, 12000, 14000],
7
["March", 18000, 15000, 15000],
8
["April", 11000, 10000, 19000],
9
["May", 9000, 13000, 19000]
10
]);
11
12
// mapping the data
13
var seriesData_1 = dataSet.mapAs({x: [0], value: [1]});
14
var seriesData_2 = dataSet.mapAs({x: [0], value: [2]});
15
var seriesData_3 = dataSet.mapAs({x: [0], value: [3]});
16
17
// chart type
18
var chart = anychart.line();
19
20
// title
21
chart.title("Default Interactivity - Line Chart");
22
23
// enable the legend
24
chart.legend(true);
25
26
// set axes titles
27
var xAxis = chart.xAxis();
28
xAxis.title("Sales");
29
var yAxis = chart.yAxis();
30
yAxis.title("Month");
31
32
// set data
33
var series_1 = chart.line(seriesData_1);
34
var series_2 = chart.line(seriesData_2);
35
var series_3 = chart.line(seriesData_3);
36
37
// setting series names
38
series_1.name("Tea");
39
series_2.name("Coffee");
40
series_3.name("Hot chocolate");
41
42
// draw
43
chart.container("container");
44
chart.draw();
45
});