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
        };
      }
    }

固定小提琴