html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var chart = anychart.line([

        {x: 0, value: 5},

        {x: 1, value: 9},

        {x: 2, value: 2},

        {x: 3, value: 6}

    ]);

​

    var rangeMarker = chart.rangeMarker();

    rangeMarker.from(5.5);

    rangeMarker.to(6.5);

    rangeMarker.fill('#458b00', 0.3);

​

    // Set event type.

    rangeMarker.listen('axisMarkerMove', function (e) {

        chart.title('The mouse is moved over of the marker with a range ' + e.formattedValue)

    });

​

    chart.title('AxisMarkerMove event');

    chart.container('container');

    chart.draw();

});