<div id="container"></div>
html, body, #container {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
anychart.onDocumentReady(function () {
var chart = anychart.line([
{x: 0, value: 6},
{x: 1, value: 10},
{x: 2, value: 18},
{x: 3, value: 11},
{x: 4, value: 9}
]);
chart.yScale().minimum(0);
chart.xScale('linear');
var controller = chart.annotations();
// Create horizontal range annotation.
controller.horizontalRange({
valueAnchor: 13,
secondValueAnchor: 19,
fill: '#F44336 0.3'
});
chart.title('Create horizontal range annotation');
chart.container('container');
chart.draw();