html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    // create column chart

    var chart = anychart.column3d();

​

    // turn on chart animation

    chart.animation(true);

​

    // set chart title text settings

    chart.title('Top 10 Cosmetic Products by Revenue');

​

    // create area series with passed data

    chart.column([

        ['Driving', '15'],

        ['Transit', '39'],

        ['Walking', '40'],

        ['Cycling', '4'],

    ]);

​

    chart.tooltip()

            .position('center-top')

            .anchor('center-bottom')

            .offsetX(0)

            .offsetY(5)

            .format('${%Value}');

​

    // set scale minimum

    chart.yScale().minimum(0);

​

    // set yAxis labels formatter

    chart.yAxis().labels().format('{%Value}{groupsSeparator: }');

​

    chart.tooltip().positionMode('point');

    chart.interactivity().hoverMode('by-x');

​

    chart.xAxis().title('');

    chart.yAxis().title('');

​

    // set container id for the chart

    chart.container('container');

​

    // initiate chart drawing

    chart.draw();

});