Always Visible Tooltip | Highcharts @ A Humble Opinion

http://stackoverflow.com/questions/12313935/never-want-to-hide-tooltip-on-highcharts/12315846#comment16529080_12315846 Jugal Thakkar http://jugal.me/

by Muhammad Mushtaq Sheikh

HTML

<script src="https://code.highcharts.com/highcharts.src.js"></script>
<div id="container"></div>

CSS

#container {
  min-width: 500px;
}

JavaScript

(function(H) {
  H.wrap(H.Tooltip.prototype, 'hide', function(defaultCallback) {

  });
}(Highcharts));

var tooltips;

var chart = $('#container').highcharts({
  title: {
    text: 'Monthly Average Temperature'
  },
  subtitle: {

  },
  plotOptions: {
    series: {
      point: {
        events: {
          mouseOver: function() {
            var dd = this;
            this.series.chart.tooltip.hide();
          }
        }
      },
      events: {
        mouseOut: function() {
          // if (this.chart.lbl) {
          //this.chart.lbl.hide();
          //}
        }
      }
    }
  },
  credits: {
    text: "Jugal Thakkar",
    href: "http://jugal.me/"
  },
  xAxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
  },
  yAxis: {
    title: {
      text: 'Temperature (°C)'
    }
  },
  series: [{
    name: 'Islamabad',
    data: [24.2, 24.6, 26.7, 28.6, 30.1, 29.0, 27.5, 27.2, 27.4, 28.2, 27.4, 25.6]
  }],
  tooltip: {
    formatter: function(tooltip) {
      //console.log(tooltip);
      return tooltip.defaultFormatter.call(this, tooltip);
    },
    valueSuffix: '°C'
  }
}).highcharts();

chart.tooltip.refresh(chart.series[0].points[2]);
//chart.container.firstChild.appendChild(chart.series[0].points[2]);
//chart.tooltip.refresh(chart.series[0].points[3]);