HTMLcopy
1
<div id="container"></div>
2
<div style="position: absolute; top: 40px; right: 25px; width: 31%;">
3
<input style="margin-bottom: 10px;" type="button" value="csv" onclick="csv()">
4
<textarea style="width: 100%;" rows="5" cols="70" id="csv"></textarea>
5
</div>
CSScopy
6
1
html, body, #container {
2
width: 100%;
3
height: 100%;
4
margin: 0;
5
padding: 0;
6
}
JavaScriptcopy
x
1
var chart;
2
anychart.onDocumentReady(function () {
3
chart = anychart.bar();
4
chart.rangeBar([
5
{x: 'Development', low: Date.UTC(2000, 1, 1), high: Date.UTC(2002, 2, 15)},
6
{x: 'Internal Testing', low: Date.UTC(2001, 6, 1), high: Date.UTC(2003, 7, 1), fill: '#1976D2'},
7
{x: 'Field Tests', low: Date.UTC(2002, 2, 25), high: Date.UTC(2003, 7, 1), fill: '#EF6C00'},
8
{x: 'Licensing', low: Date.UTC(2003, 7, 1), high: Date.UTC(2004, 7, 1), fill: '#FFD54F'}
9
]);
10
11
chart.margin([0, '45%', 0, 0]);
12
chart.title('Get chart data as CSV with parameters using function');
13
chart.container('container');
14
chart.draw();
15
});
16
17
function csv(){
18
// Get chart data as CSV with parameters using function.
19
var value = chart.toCsv('default', {
20
formats: function(header, val) {
21
if (header == 'low' || header == 'high')
22
return anychart.format.dateTime(val, 'yyyy-MMM-dd');
23
return val;
24
}
25
});
26
var csv = document.getElementById('csv');
27
csv.value = value;
28
}