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

Question

这可能吗？

我已经使用过tooltip.shared和tooltip.crosshairs，但我无法获得类似内容。

编辑：Wunderground's weather forecast graph之类的东西会很完美（尝试“鼠标移动”图表）

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

Fiddle演示修改synchronized-charts演示

更新修复隐藏在最右侧的工具提示

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

Fixed Fiddle