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-24', value_as: 27, value_sydney: 23.6},
6
{x:'2015-12-25', value_as: 25.5, value_sydney: 24.8},
7
{x:'2015-12-26', value_as: 23.1, value_sydney: 28},
8
{x:'2015-12-27', value_as: 26.9, value_sydney: 27.8},
9
{x:'2015-12-28', value_as: 29.7, value_sydney: 27.8},
10
{x:'2015-12-29', value_as: 30.3, value_sydney: 25.8},
11
{x:'2015-12-30', value_as: 23.7, value_sydney: 25.4},
12
{x:'2015-12-31', value_as: 20.4, value_sydney: 23.7},
13
{x:'2016-01-01', value_as: 23, value_sydney: 22.4},
14
{x:'2016-01-02', value_as: 27.5, value_sydney: 26.4},
15
{x:'2016-01-03', value_as: 28.2, value_sydney: 24.2},
16
{x:'2016-01-04', value_as: 23.3, value_sydney: 25.2},
17
{x:'2016-01-05', value_as: 28.9, value_sydney: 24.3},
18
{x:'2016-01-06', value_as: 29.3, value_sydney: 28.9},
19
{x:'2016-01-07', value_as: 28.4, value_sydney: 25.7},
20
{x:'2016-01-08', value_as: 22.8, value_sydney: 27.3},
21
{x:'2016-01-09', value_as: 25, value_sydney: 28.1},
22
{x:'2016-01-10', value_as: 26.5, value_sydney: 23},
23
{x:'2016-01-11', value_as: 27, value_sydney: 23.5},
24
{x:'2016-01-12', value_as: 27.8, value_sydney: 24.6},
25
{x:'2016-01-13', value_as: 24.2, value_sydney: 21},
26
{x:'2016-01-14', value_as: 29.3, value_sydney: 21.7},
27
{x:'2016-01-15', value_as: 28.1, value_sydney: 25.7},
28
{x:'2016-01-16', value_as: 30.4, value_sydney: 25.8},
29
{x:'2016-01-17', value_as: 28.9, value_sydney: 28.4},
30
{x:'2016-01-18', value_as: 24.8, value_sydney: 28.2},
31
{x:'2016-01-19', value_as: 31.7, value_sydney: 28.1},
32
{x:'2016-01-20', value_as: 29.9, value_sydney: 28.3},
33
{x:'2016-01-21', value_as: 24.9, value_sydney: 25.9},
34
{x:'2016-01-22', value_as: 29.9, value_sydney: 26.3},
35
{x:'2016-01-23', 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
});