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]

        ]

    });

​

    // Get chart as an HTML table

    var htmlTable = chart.toHtmlTable('Chart table');

​

    chart.title('Get chart as an HTML table');

    chart.container('container');

    chart.draw();

​

    var tableDiv = document.getElementById('container');

​

    // Add an HTML table below the chart.

    tableDiv.appendChild(htmlTable);

});