score:1

Accepted answer

Loop through all series within the chart and build the tooltip in a formatter callback from the points which have the same category as the hovered point.

formatter: function() {
      var s = [];
//      console.log(this.points);
      $.each(this.points, function(i, point) {
        var rangeValue;
        var series = point.series.chart.series;

        $.each(series, function(i, series) {
          $.each(series.data, function(j, p) {
            if (p.category === point.key) {
              if (p.high && p.low) {
                rangeValue = p.low + '~' + p.high;
              } else {
                rangeValue = p.y
              }
              s.push('<br/><span style="color:#D31B22;font-weight:bold;">' + series.name + ' : ' +
                rangeValue + '<span>');
            }
          });
        });

      });

      return s.join(' and ');
    },

example: https://jsfiddle.net/ptezqnbf/2/


Related Query

More Query from same tag