html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var dataSet = anychart.data.set([

        ['1986', 41, 36, 31],

        ['1987', 37, 34, 29],

        ['1988', 48, 47, 40],

        ['1989', 41, 39, 33],

        ['1990', 39, 36, 31],

        ['1991', 34, 31, 27],

        ['1992', 38, 35, 30],

        ['1993', 29, 28, 24],

        ['1994', 33, 32, 27]

    ]);

​

    var data1 = dataSet.mapAs({x: 0, value: 1});

    var data2 = dataSet.mapAs({x: 0, value: 2});

    var data3 = dataSet.mapAs({x: 0, value: 3});

​

    var chart = anychart.line();

​

    chart.line(data1);

    chart.line(data2);

    chart.line(data3);

​

    // 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);

});