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
anychart.onDocumentReady(function () {
15
chart = anychart.scatter();
16
chart.line([
17
{x: 1, value: 0},
18
{x: 2, value: 20},
19
{x: 3, value: 10},
20
{x: 4, value: 30},
21
{x: 5, value: 20},
22
{x: 6, value: 40},
23
{x: 7, value: 30},
24
{x: 8, value: 50},
25
{x: 9, value: 40},
26
{x: 1, value: 0}
27
]);
28
chart.background('#FFF59D 0.4');
29
chart.title('Enable/Disable chart background');
30
chart.xGrid(true).yGrid(true);
31
chart.container('container');
32
chart.draw();
33
});