我们正在使用Highcharts进行概念验证,因此我需要从另一个系统复制图表。另一个系统的图表如jsfiddle页面所示。我创建了4个轴,并将每个轴定位在前一个轴的X像素左侧。问题是轴1-3悬停在轴0上的工具提示。有没有办法找出我正在盘旋的轴,还是有另一种方法来做这个布局?我尝试使用定位器功能,无法到达任何地方。
positioner: function (boxWidth, boxHeight, point) {
}
JSFiddle示例http://jsfiddle.net/oabg7kjw/
答案 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。