Highcharts 动态工具提示定位答案

【问题标题】：Highcharts Dynamic tooltip positioningHighcharts 动态工具提示定位
【发布时间】：2014-09-11 21:02:45
【问题描述】：

我们正在使用 Highcharts 进行概念验证，因此我需要从另一个系统复制图表。另一个系统的图表布局如 jsfiddle 页面所示。我创建了 4 个轴，并将每个轴定位在前一个轴的左侧 X 像素。问题是轴 1-3 的工具提示悬停在轴 0 上。有没有办法找出我悬停的轴，或者有另一种方法来做这个布局？我尝试使用定位器功能，无法到达任何地方。

  positioner: function (boxWidth, boxHeight, point) {
}

JSFiddle 例子http://jsfiddle.net/oabg7kjw/

【问题讨论】：

标签： highcharts

【解决方案1】：

已知错误报告here

解决方法（使用定位器）：http://jsfiddle.net/oabg7kjw/1/

tooltip: {
    positioner: function(w, h, p) {
        return {
            x: p.plotX + this.chart.hoverSeries.xAxis.left - w/2,
            y: p.plotY
        }
    }
},

文档： - http://api.highcharts.com/highcharts#tooltip.positioner

【讨论】：

【解决方案2】：

这里的另一种选择是放弃多轴方法并创建一个具有重复类别的方法。然后，您需要将每个条放置在适当的类别中。

categories: ['FY 04', 'FY 05', 'FY 06', 'FY 07', 'FY 08', 'FY 09', 'FY 10', 'FY 11', 'FY 12', 'FY 13',
             'FY 04', 'FY 05', 'FY 06', 'FY 07', 'FY 08', 'FY 09', 'FY 10', 'FY 11', 'FY 12', 'FY 13',
             'FY 04', 'FY 05', 'FY 06', 'FY 07', 'FY 08', 'FY 09', 'FY 10', 'FY 11', 'FY 12', 'FY 13',
             'FY 04', 'FY 05', 'FY 06', 'FY 07', 'FY 08', 'FY 09', 'FY 10', 'FY 11', 'FY 12', 'FY 13'],

在您的数据中：

series: [{
    ...
    data: [[0,147], [1,123], [2,139], [3,127], [4,102], [5,116], [6,59], [7,80], [8,72], [9,91]]
}, {
    ...
    data: [[10,154], [11,102], [12,62], [13,77], [14,11], [15,33], [16,227], [17,145], [18,75], [19,101]]
}, {
   etc...

更新小提琴here。

【讨论】：