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.sparkline([5, 50, 10, 60, 20, 70, 30]);
3
4
// Set range marker settings by index.
5
chart.rangeMarker(0, {from: 10, to: 40, fill: '#FFA500 0.2'});
6
7
// Set range marker settings by index.
8
chart.rangeMarker(1, {from: 50, to: 70, fill: '#008000 0.2'});
9
10
chart.title({text: 'Set range marker parameters as an object by index', orientation: 'top'});
11
chart.container('container');
12
chart.draw();
13
});