Highcharts Tootip在多个x轴的错误位置(Highcharts Tootip in wrong location for multiple x axis)

我有一个两个x轴并排的图表，每个都有一个系列。当我浮动系列1数据时，我看到了工具提示，正如预期的那样。当我在系列2数据上浮动时，它突出显示该行，但没有工具提示。但是，如果我将光标向左移动到与系列2数据中的数据相同的高度，但是在系列1数据上方，则工具提示显示2系列信息，并突出显示2系列点。这是一个例子：

http://jsfiddle.net/q0gphwx2/5/

有没有办法纠正这个？

$(function () { $('#container').highcharts({ chart: { zoomType: 'xy' }, plotOptions : { area : { stacking : 'normal', } }, title: { text: 'Tooltip Hover Anomoly' }, subtitle: { text: 'Float over Series 2 data, then stay at same height, but over series 1. ' }, xAxis: [{ width:300, categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] },{ left: 400, width: 300, offset:0, categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] } ], yAxis: [{ // Secondary yAxis gridLineWidth: 0, title: { text: 'Rainfall', style: { color: Highcharts.getOptions().colors[0] } }, labels: { format: '{value} mm', style: { color: Highcharts.getOptions().colors[0] } } }], tooltip: { shared: false }, series: [{ name: 'Series 1', type: 'line', xAxis: 0, stack: 0, data: [10, 20, 30, 40, 50, 40, 30, 20, 10, 20, 30], tooltip: { valueSuffix: ' mm' } }, { name: 'Series 2', type: 'line', xAxis: 1, stack: 1, data: [100, 120, 100, 120, 100, 120, 100, 120, 100, 120, 100, 120], tooltip: { valueSuffix: ' mm' } }] }); });

I've got a chart with two x axis side-by-side, with one series in each. When I float over the Series 1 data, I see the tooltip, as expected. When I float over Series 2 data, it highlights the line, but no tooltip. However, if I move the cursor to the left at the same height as the data in Series 2 data, but above the Series 1 data, the tooltip shows the Series 2 information, and the Series 2 points are highlighted. Here's an example:

http://jsfiddle.net/q0gphwx2/5/

Is there a way to correct for this?

$(function () { $('#container').highcharts({ chart: { zoomType: 'xy' }, plotOptions : { area : { stacking : 'normal', } }, title: { text: 'Tooltip Hover Anomoly' }, subtitle: { text: 'Float over Series 2 data, then stay at same height, but over series 1. ' }, xAxis: [{ width:300, categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] },{ left: 400, width: 300, offset:0, categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] } ], yAxis: [{ // Secondary yAxis gridLineWidth: 0, title: { text: 'Rainfall', style: { color: Highcharts.getOptions().colors[0] } }, labels: { format: '{value} mm', style: { color: Highcharts.getOptions().colors[0] } } }], tooltip: { shared: false }, series: [{ name: 'Series 1', type: 'line', xAxis: 0, stack: 0, data: [10, 20, 30, 40, 50, 40, 30, 20, 10, 20, 30], tooltip: { valueSuffix: ' mm' } }, { name: 'Series 2', type: 'line', xAxis: 1, stack: 1, data: [100, 120, 100, 120, 100, 120, 100, 120, 100, 120, 100, 120], tooltip: { valueSuffix: ' mm' } }] }); });