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
table = anychart.data.table('x');
4
table.addData([
5
{"x":'2015-12-24T12:00:00', value_as: 27, value_sydney: 23.6},
6
{"x":'2015-12-25T12:00:00', value_as: 25.5, value_sydney: 24.8},
7
{"x":'2015-12-26T12:00:00', value_as: 23.1, value_sydney: 28},
8
{"x":'2015-12-27T12:00:00', value_as: 26.9, value_sydney: 27.8},
9
{"x":'2015-12-28T12:00:00', value_as: 29.7, value_sydney: 27.8},
10
{"x":'2015-12-29T12:00:00', value_as: 30.3, value_sydney: 25.8},
11
{"x":'2015-12-30T12:00:00', value_as: 23.7, value_sydney: 25.4},
12
{"x":'2015-12-31T12:00:00', value_as: 20.4, value_sydney: 23.7},
13
{"x":'2016-01-01T12:00:00', value_as: 23, value_sydney: 22.4},
14
{"x":'2016-01-02T12:00:00', value_as: 27.5, value_sydney: 26.4},
15
{"x":'2016-01-03T12:00:00', value_as: 28.2, value_sydney: 24.2},
16
{"x":'2016-01-04T12:00:00', value_as: 23.3, value_sydney: 25.2},
17
{"x":'2016-01-05T12:00:00', value_as: 28.9, value_sydney: 24.3},
18
{"x":'2016-01-06T12:00:00', value_as: 29.3, value_sydney: 28.9},
19
{"x":'2016-01-07T12:00:00', value_as: 28.4, value_sydney: 25.7},
20
{"x":'2016-01-08T12:00:00', value_as: 22.8, value_sydney: 27.3},
21
{"x":'2016-01-09T12:00:00', value_as: 25, value_sydney: 28.1},
22
{"x":'2016-01-10T12:00:00', value_as: 26.5, value_sydney: 23},
23
{"x":'2016-01-11T12:00:00', value_as: 27, value_sydney: 23.5},
24
{"x":'2016-01-12T12:00:00', value_as: 27.8, value_sydney: 24.6},
25
{"x":'2016-01-13T12:00:00', value_as: 24.2, value_sydney: 21},
26
{"x":'2016-01-14T12:00:00', value_as: 29.3, value_sydney: 21.7},
27
{"x":'2016-01-15T12:00:00', value_as: 28.1, value_sydney: 25.7},
28
{"x":'2016-01-16T12:00:00', value_as: 30.4, value_sydney: 25.8},
29
{"x":'2016-01-17T12:00:00', value_as: 28.9, value_sydney: 28.4},
30
{"x":'2016-01-18T12:00:00', value_as: 24.8, value_sydney: 28.2},
31
{"x":'2016-01-19T12:00:00', value_as: 31.7, value_sydney: 28.1},
32
{"x":'2016-01-20T12:00:00', value_as: 29.9, value_sydney: 28.3},
33
{"x":'2016-01-21T12:00:00', value_as: 24.9, value_sydney: 25.9},
34
{"x":'2016-01-22T12:00:00', value_as: 29.9, value_sydney: 26.3},
35
{"x":'2016-01-23T12:00:00', value_as: 23.9, value_sydney: 26.2}
36
]);
37
38
mapping_as = table.mapAs({'x':"x", 'value':"value_as"});
39
mapping_sydney = table.mapAs({'x':"x", 'value':"value_sydney"});
40
41
var chart = anychart.stock();
42
chart.padding(10, 10, 10, 50);
43
44
// series of the first plot
45
var series_as = chart.plot(0).column(mapping_as);
46
series_as.name("Alice's Springs");
47
48
// series of the second plot
49
var series_sydney = chart.plot(1).column(mapping_sydney);
50
series_sydney.name("Sydney");
51
52
chart.plot(0).yAxis();
53
chart.title('Daily temperature');
54
chart.container('container');
55
56
chart.draw();
57
});