html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

    // create a chart

    var chart = anychart.line();

​

    // Zooms series by defined points count.

    chart.xZoom().setToPointsCount(10, true);

​

    // prevent the scrolling while the button is not released yet

    chart.xZoom().continuous(false);

​

    // enable the scroller

    chart.xScroller(true);

​

    // create a series

    var series = chart.column(getData());

    series.name("New users");

​

    // create a chart settings

    chart.xAxis().title("Month");

    chart.yAxis().title("New users");

    chart.title("New internet users \nPrevent scrolling");

​

    // display a chart

    chart.container("container");

    chart.draw();

});

​

// get data function

function getData(){

    return [

    ["Jan 15", 2094],

    ["Feb 15", 1865],

    ["Mar 15", 2051],

    ["Apr 15", 2301],

    ["May 15", 1509],

    ["Jun 15", 1044],

    ["Jul 15", 1935],

    ["Aug 15", 2109],

    ["Sep 15", 2002],

    ["Oct 15", 1609],

    ["Nov 15", 1634],

    ["Dec 15", 2403],

    ["Jan 16", 2105],

    ["Feb 16", 2844],

    ["Mar 16", 2523],

    ["Apr 16", 2766],

    ["May 16", 1985],

    ["Jun 16", 1646],

    ["Jul 16", 934],

    ["Aug 16", 1104],

    ["Sep 16", 1824],

    ["Oct 16", 1534],

    ["Nov 16", 1911],

    ["Dec 16", 2323]

    ]    

}