HTMLcopy
1
<button onclick="enableBackground()">Enable background</button>
2
<button onclick="disableBackground();">Disable background</button>
3
<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
var chart;
2
3
function disableBackground() {
4
5
// Disable background.
6
chart.background(false);
7
}
8
9
function enableBackground() {
10
11
// Enable background.
12
chart.background(true);
13
}
14
15
anychart.onDocumentReady(function () {
16
var data = getData();
17
18
chart = anychart.tagCloud(data);
19
20
chart.background('#FFF59D 0.4');
21
chart.title('Enable/Disable chart background');
22
chart.container('container');
23
chart.draw();
24
});
25
26
function getData() {
27
return [
28
{x: 'learning', value: 80},
29
{x: 'lists', value: 44},
30
{x: 'meaning', value: 40},
31
{x: 'useful', value: 36},
32
{x: 'different', value: 32},
33
{x: 'grammar', value: 28},
34
{x: 'teaching', value: 24},
35
{x: 'example', value: 20},
36
{x: 'includes', value: 56},
37
{x: 'thing', value: 12},
38
{x: 'vocabulary', value: 10},
39
{x: 'frequency', value: 10},
40
{x: 'phrases', value: 15},
41
{x: 'content', value: 27}
42
]
43
}