<div id="container"></div>
html, body, #container {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
anychart.onDocumentReady(function () {
var chart = anychart.line([
{x: 'Meat', value: 10},
{x: 'Fruit', value: -12},
{x: 'Nuts', value: 18},
{x: 'Milk', value: 11},
{x: 'Fish', value: 9}
]);
// Get range marker.
var rangeMarker = chart.rangeMarker();
rangeMarker.from(2.5);
rangeMarker.to(5.5);
rangeMarker.axis(chart.yAxis());
chart.title('Get and modify range marker object');
chart.container('container');
chart.draw();
});