Highcharts Demo

author(s): Torstein Hønsi

by Black Label

HTML

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

<div id="container"></div>

JavaScript

let chart = Highcharts.chart('container', {
  chart: {
    events: {
      load() {
        this.tooltip.refresh(this.series[0].points[2]);
        this.tooltip.refresh(this.series[0].points[4]);
        this.tooltip.refresh(this.series[0].points[6]);
      }
    }
  },
  tooltip: {
    formatter: function() {
      return '...';
    }
  },
  plotOptions: {
    column: {
      point: {
        events: {
          mouseOver() {
            let tooltip = chart.tooltip;
            tooltip.update({
              formatter: function() {
                return 'New content!'
              }
            })
          }
        }
      }
    }
  },
  series: [{
    type: 'column',
    data: [4, 3, 5, 6, 2, 3, 7, 9, 12, 15, 2, 4, 6]
  }]
});