<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.line([
{x: 'Meat', value: 10},
{x: 'Fruit', value: 12},
{x: 'Nuts', value: 18},
{x: 'Milk', value: 11},
{x: 'Fish', value: 9}
]);
chart.dataArea({background: {stroke: '5 #FF5722'}});
chart.title('Disable data area');
chart.container('container');
chart.draw();
});
// Disable data area.
function disableDataArea() {
chart.dataArea(false);
// Enable data area.
function enableDataArea() {
chart.dataArea(true);