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
chart.line([
4
{x: 'Meat', value: 10},
5
{x: 'Fruit', value: -12},
6
{x: 'Nuts', value: 18},
7
{x: 'Milk', value: 11},
8
{x: 'Fish', value: 9}
9
]);
10
chart.rangeMarker(0, {from: 5, to: 6, fill: '#FF9800 0.2', axis: chart.yAxis()});
11
chart.rangeMarker(1, {from: -1, to: 2, fill: '#4CAF50 0.2', axis: chart.yAxis()});
12
13
// Disable first range marker by index.
14
chart.rangeMarker(0, false);
15
16
chart.title('Disable chart range marker by index');
17
chart.container('container');
18
chart.draw();
19
});