Highcharts - 多個yAxis，每個都有自己的工具提示

Question

這可能嗎？

我已經玩過tooltip.shared和tooltip.crosshairs但我無法得到類似的東西。

編輯：像Wunderground的天氣預報圖表是完美的（嘗試“鼠標懸停”圖表）

Answer 1

在同步高圖中使用tooltip.positioner可能會導致所需的行為。

tooltip: {
      positioner: function(labelWidth, labelHeight, point) {
        var tooltipX, tooltipY;
        tooltipX = point.plotX + this.chart.plotLeft + 20;
        tooltipY = point.plotY + this.chart.plotTop - 20;
        return {
          x: tooltipX,
          y: tooltipY
        };
      }
    }

小提琴演示修改同步圖表演示

更新工具提示隱藏在最右側的修復

tooltip: {
      positioner: function(labelWidth, labelHeight, point) {
        var tooltipX, tooltipY;
        if (point.plotX > 340) {
          tooltipX = point.plotX + this.chart.plotLeft - 150;
        } else {
          tooltipX = point.plotX + this.chart.plotLeft + 20;
        }
        tooltipY = point.plotY + this.chart.plotTop - 20;
        console.log(tooltipX);
        return {
          x: tooltipX,
          y: tooltipY
        };
      }
    }

固定小提琴