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 data
4
data = [
5
[2, 12000],
6
[5, 15000],
7
[7, 16000],
8
[9, 14000],
9
[11, 10000]
10
];
11
// create data
12
data2 = [
13
[1, 29000],
14
[5, 25000],
15
[7, 26000],
16
[11, 24000],
17
[12, 20000]
18
];
19
20
// create a data set
21
var dataSet = anychart.data.set(data);
22
var dataSet2 = anychart.data.set(data2);
23
24
// map the data
25
var mapping = dataSet.mapAs({x: 0, value: 1});
26
var mapping2 = dataSet2.mapAs({x: 0, value: 1});
27
28
// create a chart
29
var chart = anychart.line();
30
31
// create a series and set the data
32
var series = chart.line(mapping);
33
var series2 = chart.line(mapping2);
34
35
// apply linear xScale
36
chart.xScale(anychart.scales.linear());
37
// avoid gaps in series
38
series.connectMissingPoints(true);
39
series2.connectMissingPoints(true);
40
// OPTIONAL: show every 1 ticks on xScale
41
chart.xScale().ticks().interval(1);
42
43
// set the chart title
44
chart.title("Data Sets: Array of Arrays");
45
46
// set the container id
47
chart.container("container");
48
49
// initiate drawing the chart
50
chart.draw();
51
});