Highcharts动态工具提示定位

时间:2014-09-10 18:23:13

标签: highcharts

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

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

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

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

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

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