Tooltip over data label

by kzoon

HTML

<script src="http://code.highcharts.com/highcharts.src.js"></script>
<div id="container" style="height: 600px"></div>

JavaScript

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'line',
            events: {
                load: function () {
                    $.each(this.series, function (i, serie) {
                        $.each(serie.data, function (j, point) {

                            point.dataLabel.on('mouseover', function (e) {
                                point.onMouseOver(e);
                            });
                            point.dataLabel.on('mouseout', function () {
                                point.onMouseOut();
                            });
                            // point.dataLabel.on('mouseover', function () {
                            //      point.series.chart.tooltip.refresh(point);
                            //   });

                        })
                    });

                }
            }

        },

        plotOptions: {
            series: {
                stickyTracking: false,
                marker: {
                    enabled: false
                },
                dataLabels: {
                    enabled: true
                }
            }
        },

        series: [{
            data: [70, 71.5, 106.4, 100, 90]
        }, {
            data: [130.0, 130.5, 140.4, 130, 144.0]
        }]
    });
});