Getting which bars user is hovering

[tom10271]

        getBarsAtEvent : function(e, withIndex){
            withIndex = withIndex || false;

            var barsArray = [],
                eventPosition = helpers.getRelativePosition(e),
                datasetIterator = function(dataset){
                    barsArray.push(dataset.bars[barIndex]);
                },
                barIndex;

            for (var datasetIndex = 0; datasetIndex < this.datasets.length; datasetIndex++) {
                for (barIndex = 0; barIndex < this.datasets[datasetIndex].bars.length; barIndex++) {
                    if (this.datasets[datasetIndex].bars[barIndex].inRange(eventPosition.x,eventPosition.y)){
                        helpers.each(this.datasets, datasetIterator);
                        return !withIndex ? barsArray : [barsArray, barIndex];
                    }
                }
            }

            return barsArray;
        },

In case anyone would like to get the index of bar they are hovering, replace the whole function with code above.

By calling:

                    $canvas.on('click', function(evt) {
                        var bar = chart.getBarsAtEvent(evt, true);

                        console.log(bar);
                    });

bar[0] would be the original bar data and bar[1] is the index. Noted that bars are drawn in reverse order. i.e. the first data you pushed will be the last one to be drawn