HTMLcopy
1
<div id="container"></div>
2
<div style="position: absolute; top: 28px; right: 15px; width: 10%;">
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
var data = getData();
4
5
chart = anychart.tagCloud(data);
6
chart.title('Get chart data as CSV with parameters using function');
7
chart.container('container');
8
chart.draw();
9
});
10
11
function csv(){
12
// Get chart data as CSV with parameters using function
13
var value = chart.toCsv('default');
14
15
var csv = document.getElementById('csv');
16
csv.value = value;
17
}
18
19
function getData() {
20
return [
21
{x: 'learning', value: 80},
22
{x: 'lists', value: 44},
23
{x: 'meaning', value: 40},
24
{x: 'useful', value: 36},
25
{x: 'different', value: 32},
26
{x: 'grammar', value: 28},
27
{x: 'teaching', value: 24},
28
{x: 'example', value: 20},
29
{x: 'includes', value: 56},
30
{x: 'thing', value: 12},
31
{x: 'vocabulary', value: 10},
32
{x: 'frequency', value: 10},
33
{x: 'phrases', value: 15},
34
{x: 'content', value: 27}
35
]
36
}