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 csv = '1|10295.8496, 2|10185.9297, 3|10066.6699, 4|10065.4102, 5|10049.5596, 6|10218.3701, 7|10212.9102,' +
3
' 8|10327.6299, 9|10380.8896, 10|10357.5195, 11|10375.3301, 12|10470.5898, 13|10553.7598, 14|10569.2598,' +
4
' 15|10482.7695, 16|10444.3799, 17|10516.0498, 18|10378.0996, 19|10377.9502, 20|10398.3203, 21|10451.6201,' +
5
' 22|10437.8496, 23|10311.8701, 24|10314.9902, 25|10463.1104, 26|10472.9102, 27|10445.3799, 28|10476.6699,' +
6
' 29|10339.4102, 30|10273.0596, 31|10227.2695, 32|10314.3203, 33|10316.9805, 34|10308.2002, 35|10240.6201, 36|10116.2803';
7
8
var dataTable = anychart.data.table();
9
dataTable.addData(csv, 0, {'rowsSeparator': ', ', columnsSeparator: '|'});
10
11
var mapping = dataTable.mapAs({value: 1});
12
13
var chart = anychart.stock();
14
15
var plot = chart.plot();
16
plot.line(mapping);
17
18
var scroller = chart.scroller();
19
20
// Adds jumpLine series.
21
scroller.jumpLine(mapping);
22
23
chart.title('Add JumpLine series to a scroller using data as CSV');
24
chart.container('container');
25
chart.draw();
26
});