HTMLcopy
1
<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
anychart.onDocumentReady(function () {
2
var chart = anychart.line([
3
{x: 'Meat', value: 10},
4
{x: 'Fruit', value: -12},
5
{x: 'Nuts', value: 18},
6
{x: 'Milk', value: 11},
7
{x: 'Fish', value: 9}
8
]);
9
10
chart.rangeMarker({from: 2, to: 3, fill: '#2196F3 0.1', axis: chart.xAxis(0)});
11
chart.rangeMarker(1, {from: 2.5, to: 5.5, axis: chart.yAxis()});
12
13
// Disable first range marker.
14
chart.rangeMarker(false);
15
16
chart.title('Disable chart range marker');
17
chart.container('container');
18
chart.draw();
19
});