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
chart.padding(10, 10, 10, 50);
15
16
var plot = chart.plot();
17
18
// Adds Jump Line series.
19
plot.jumpLine(mapping);
20
21
chart.title("Add Jump Line series to a plot");
22
chart.container("container");
23
chart.draw();
24
});