<button onclick="enableDataArea()">Enable data area</button>
<button onclick="disableDataArea()">Disable data area</button>
<div id="container"></div>
html, body, #container {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
var chart;
anychart.onDocumentReady(function () {
chart = anychart.scatter();
chart.line([
{x: 0, value: 6},
{x: 1, value: 10},
{x: 2, value: 18},
{x: 3, value: 11},
{x: 4, value: 9}
]);
chart.dataArea({background: {stroke: '5 #FF5722'}});
chart.title('Disable/Enable data area');
chart.container('container');
chart.draw();
});
// Disable data area.
function disableDataArea() {
chart.dataArea(false);
// Enable data area.
function enableDataArea() {
chart.dataArea(true);