html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var chart = anychart.column3d();

    chart.data([

        ["Nail polish", 12814, 3054, 4376],

        ["Eyebrow pencil", 13012, 5067, 3987],

        ["Rouge", 11624, 7004, 3574],

        ["Pomade", 8814, 9054, 4376],

        ["Eyeshadows", 12998, 12043, 4572],

        ["Eyeliner", 12321, 15067, 3417],

        ["Foundation", 10342, 10119, 5231],

        ["Lip gloss", 22998, 12043, 4572]

    ]);

​

    // Get data.

    var getData = chart.data();

​

    // Add new element by adding new element to data array.

    var newData = getData.concat([

        ["Mascara", 11261, 10419, 6134]

    ]);

​

    chart.title("Get and modify chart data.");

    chart.data(newData);

    chart.container("container");

    chart.draw();

});