Highcharts动态工具提示定位

问题描述：

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

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

的jsfiddle例如http://jsfiddle.net/oabg7kjw/

答

已知错误报告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

谢谢，我用它来处理 – Ron 2014-09-12 18:35:03

答

此处的另一个选项是删除多轴方法并使用重复类别创建一个方法。然后，您需要将每个栏放在适当的类别。

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。

Highcharts动态工具提示定位

相关推荐