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, 0],

            [2, 20, 20, 5],

            [3, 10, 25, 10],

            [4, 30, 30, 15],

            [5, 20, 35, 20],

            [6, 40, 40, 25],

            [7, 30, 45, 30],

            [8, 50, 50, 35],

            [9, 40, 55, 40]

        ]

    });

​

    // Get chart legend

    var legend = chart.legend();

​

    legend.enabled(true);

    legend.position('right');

    legend.itemsLayout('vertical');

    legend.align('top');

​

    chart.title('Get and modify chart legend');

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

    chart.yScale().maximum(60);

    chart.container('container');

    chart.draw();

});