score:1

Accepted answer

Use the tooltip.formatter feature to customize the tooltip and attach that information in it.

Demo: https://jsfiddle.net/BlackLabel/5n38s1jx/

  tooltip: {
    formatter() {
      let point = this,
            xAxis = this.series.xAxis,
            output;

      output =  `<span style='font-size: 10px'>${point.key}</span><br/>
      <span style="color:${point.color}">●</span> ${point.series.name}: <b>${point.y}</b><br/>
      xAxis min: ${xAxis.min} && xAxis max: ${xAxis.max}`

      return output
    }   
  },

API: https://api.highcharts.com/highcharts/tooltip.formatter


Related Query

More Query from same tag