html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var chart = anychart.column();

​

    chart.data({

        header: ['#', 'Florida', 'Texas', 'Arkansas'],

        rows: [

            ['Apples', 5, 8, 4],

            ['Pears', 6, 2, 5],

            ['Bananas', 2, 6, 4],

            ['Peaches', 6, 3, 8]

        ]

    });

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

​

    var title = chart.title();

    title.enabled(true);

    title.text('PointsSelect event');

​

    chart.listen('pointsSelect', function(e) {

        title.text('The mouse selects over the points with the name ' + e.point.get('x'))

    });

​

    chart.container('container');

    chart.draw();

});