html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var chart = anychart.column();

​

    chart.data({

        header: ['#', 'Florida', 'Texas', 'Arizona', 'Nevada', 'Oregon', 'Idaho'],

        rows: [

            ['Apples', 21, 99, 19, 72, 94, 71],

            ['Pears', 41, 7, 71, 10, 27, 79],

            ['Bananas', 9, 15, 77, 58, 97, 79],

            ['Grapes', 71, 34, 40, 21, 72, 6],

            ['Oranges', 6, 29, 11, 46, 19, 49]

        ]

    });

​

    var legend = chart.legend();

    legend.enabled(true);

    legend.maxWidth('20%');

​

    // Set items layout.

    legend.itemsLayout('horizontal-expandable');

​

    chart.title('Set items layout');

    chart.container('container');

    chart.draw();

});