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 = '2001/01/01|10295.8496, 2001/01/02|10185.9297, 2001/01/03|10066.6699, 2001/01/04|10065.4102, 2001/01/05|10049.5596, 2001/01/06|10218.3701, 2001/01/07|10212.9102,' +
3
' 2001/01/08|10327.6299, 2001/01/09|10380.8896, 2001/01/10|10357.5195, 2001/01/11|10375.3301, 2001/01/12|10470.5898, 2001/01/13|10553.7598, 2001/01/14|10569.2598,' +
4
' 2001/01/15|10482.7695, 2001/01/16|10444.3799, 2001/01/17|10516.0498, 2001/01/18|10378.0996, 2001/01/19|10377.9502, 2001/01/20|10398.3203, 2001/01/21|10451.6201,' +
5
' 2001/01/22|10437.8496, 2001/01/23|10311.8701, 2001/01/24|10314.9902, 2001/01/25|10463.1104, 2001/01/26|10472.9102, 2001/01/27|10445.3799, 2001/01/28|10476.6699,' +
6
' 2001/01/29|10339.4102, 2001/01/30|10273.0596, 2001/01/31|10227.2695, 2001/02/01|10314.3203, 2001/02/02|10316.9805, 2001/02/03|10308.2002, 2001/02/04|10240.6201, 2001/02/05|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
16
var plot = chart.plot();
17
plot.line(mapping);
18
19
var scroller = chart.scroller();
20
21
// Adds stick series.
22
scroller.stick(mapping);
23
24
chart.title('Add stick series to a scroller using data as CSV');
25
chart.container('container');
26
chart.draw();
27
});