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([1, -4, 5, 7, 3, 8, 4]);
4
5
// Sets range marker by index.
6
chart.rangeMarker(0, {from: 5, to: 6, fill: "#FF9800 0.2", axis: chart.yAxis()});
7
8
// Sets range marker by index.
9
chart.rangeMarker(1, {from: -1, to: 2, fill: "#4CAF50 0.2", axis: chart.yAxis()});
10
11
chart.title("Set chart range marker parameters as object by index");
12
chart.container("container");
13
chart.draw();
14
});