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 data = getData();
3
4
var chart = anychart.tagCloud(data);
5
6
// Set label settings by index 0.
7
chart.label(0, {text: 'First label'});
8
9
// Set label settings by index 1.
10
chart.label(1, {offsetX: 80, text: 'Second label'});
11
12
chart.title('Set chart labels parameters as object by index');
13
chart.container('container');
14
chart.draw();
15
});
16
17
function getData() {
18
return [
19
{x: 'learning', value: 80},
20
{x: 'lists', value: 44},
21
{x: 'meaning', value: 40},
22
{x: 'useful', value: 36},
23
{x: 'different', value: 32},
24
{x: 'grammar', value: 28},
25
{x: 'teaching', value: 24},
26
{x: 'example', value: 20},
27
{x: 'includes', value: 56},
28
{x: 'thing', value: 12},
29
{x: 'vocabulary', value: 10},
30
{x: 'frequency', value: 10},
31
{x: 'phrases', value: 15},
32
{x: 'content', value: 27}
33
]
34
}