html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var chart = anychart.column();

    chart.data([

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

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

        ['Rouge', 11624, 7004, 3574],

        ['Lipstick', 8814, 9054, 4376],

        ['Eyeshadows', 12998, 12043, 4572],

        ['Eyeliner', 12321, 15067, 3417],

        ['Foundation', 10342, 10119, 5231],

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

        ['Mascara', 11261, 10419, 6134]

    ]);

​

    // Set settings for interactivity.

    chart.interactivity({hoverMode: 'by-x'});

​

    chart.title('Set interactivity settings');

    chart.container('container');

    chart.draw();

});