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]

        ]

    });

​

    // Set legend settings.

    chart.legend({position: 'right', itemsLayout: 'vertical', align: 'top'});

​

    chart.title('Set chart legend parameters as an object');

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

    chart.yScale().maximum(60);

    chart.container('container');

    chart.draw();

});