html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var chart = anychart.scatter();

    chart.defaultSeriesType('line');

    chart.data({

        header: ['#', 'Florida', 'Texas', 'Arizona'],

        rows: [

            [1, 0, 15],

            [2, 20, 20],

            [3, 10, 25],

            [4, 30, 30],

            [5, 20, 35],

            [6, 40, 40],

            [7, 30, 45],

            [8, 50, 50],

            [9, 40, 55]

        ]

    });

​

    // Get interactivity.

    var interactivity = chart.interactivity();

​

    interactivity.hoverMode('by-x');

​

    chart.title('Get and modify interactivity object');

    chart.xGrid(true).yGrid(true);

    chart.yScale().maximum(60);

    chart.container('container');

    chart.draw();

});