HTMLcopy
1
<button onclick="enableDataArea()">Enable data area</button>
2
<button onclick="disableDataArea()">Disable data area</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
anychart.onDocumentReady(function () {
3
chart = anychart.scatter();
4
chart.line([
5
{x: 0, value: 6},
6
{x: 1, value: 10},
7
{x: 2, value: 18},
8
{x: 3, value: 11},
9
{x: 4, value: 9}
10
]);
11
12
chart.dataArea({background: {stroke: '5 #FF5722'}});
13
chart.title('Disable/Enable data area');
14
chart.container('container');
15
chart.draw();
16
});
17
18
// Disable data area.
19
function disableDataArea() {
20
chart.dataArea(false);
21
}
22
23
// Enable data area.
24
function enableDataArea() {
25
chart.dataArea(true);
26
}