Bootstrap tooltip on Flot chart

flot_tooltip.js

var previousPoint = null;

$("#selector").on("plothover", function(event, pos, item) {

    if (item) {

        if (previousPoint != item.dataIndex) {

            previousPoint = item.dataIndex;

            var x_value = item.datapoint[0].toFixed(0),
                y_value = item.datapoint[1].toFixed(0);

            var tooltip_holder = $('<div id="flot-tooltip-holder"></div>')
                .css({
                    'background': 'transparent',
                    'padding': '8px',
                    'display': 'block',
                    'position': 'absolute',
                    'top': item.pageY - 8,
                    'left': item.pageX - 8,
                    'z-index': '-1',
                })
                .appendTo('body')
                .fadeIn(200)
                .tooltip({
                    'trigger': 'hover',
                    'html': true,
                    'title': y_value + ' visitas'
                })
                .tooltip('show');
        }
    }
    else {

        $('#flot-tooltip-holder').tooltip('hide');
        $('#flot-tooltip-holder').remove();

        previousPoint = null;
    }
});