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
var dataTable = anychart.data.table();
3
dataTable.addData(get_dji_daily_short_data());
4
5
var firstMapping = dataTable.mapAs({value: 1});
6
var secondMapping = dataTable.mapAs({value: 3});
7
var thirdMapping = dataTable.mapAs({value: 2});
8
9
var chart = anychart.stock();
10
chart.padding(10, 10, 10, 50);
11
12
var scroller = chart.scroller();
13
scroller.defaultSeriesType("line");
14
scroller.height("25%");
15
scroller.addSeries(firstMapping, secondMapping, thirdMapping);
16
17
var series = scroller.getSeriesAt(0);
18
series.id("Speed");
19
20
// Removes series by id.
21
scroller.removeSeries("Speed");
22
23
var plot = chart.plot();
24
plot.line(firstMapping);
25
plot.line(secondMapping);
26
27
chart.container("container");
28
chart.draw();
29
});