html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

    $('#container').append('<div class="table">' +

        '<table id="table" style="display:none">' +

        '<tr>' +

        '    <td>20</td>' +

        '</tr>' +

        '<tr>' +

        '    <td>7</td>' +

        '</tr>' +

        '<tr>' +

        '    <td>10</td>' +

        '</tr>' +

        '<tr>' +

        '    <td>14</td>' +

        '</tr>' +

        '</table>' +

        '</div>');

​

    // To work with the data you need to connect data adapter file from https://cdn.anychart.com/

​

    var tableData = anychart.data.parseHtmlTable('#table');

​

    var chart = anychart.pyramid();

​

    // Set data.

    chart.data(tableData);

​

    chart.title('Set chart data as a table data');

    chart.container('container');

    chart.draw();

});