Javascript 对于多个x轴,HIGHTIP位于错误位置
我有一张两个x轴并排的图表,每个都有一个系列。当我浮动在系列1数据上时,我会看到工具提示,正如预期的那样。当我浮动在系列2数据上时,它会高亮显示该行,但没有工具提示。但是,如果我将光标向左移动,移动高度与序列2数据中的数据相同,但高于序列1数据,则工具提示将显示序列2信息,并且序列2点将亮显。下面是一个例子: 有没有办法纠正这个问题Javascript 对于多个x轴,HIGHTIP位于错误位置,javascript,highcharts,tooltip,Javascript,Highcharts,Tooltip,我有一张两个x轴并排的图表,每个都有一个系列。当我浮动在系列1数据上时,我会看到工具提示,正如预期的那样。当我浮动在系列2数据上时,它会高亮显示该行,但没有工具提示。但是,如果我将光标向左移动,移动高度与序列2数据中的数据相同,但高于序列1数据,则工具提示将显示序列2信息,并且序列2点将亮显。下面是一个例子: 有没有办法纠正这个问题 $(function () { $('#container').highcharts({ chart: { zoomType: 'xy'
$(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'
}
}]
});
});
添加第二个这样的轴(使用宽度、左侧、偏移量等)只是为了留出两年的空间,这似乎是非常有问题的。相反,使用一个轴,将类别延长两组月份,然后在第12点开始第二个系列:
xAxis: [{
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec',
'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
}],
series: [{
name: 'Series 1',
type: 'line',
data: [10, 20, 30, 40, 50, 40, 30, 20, 10, 20, 30],
tooltip: {
valueSuffix: ' mm'
}
}, {
name: 'Series 2',
type: 'line',
pointStart: 12, // start this one at 12
data: [100, 120, 100, 120, 100, 120, 100, 120, 100, 120, 100, 120],
tooltip: {
valueSuffix: ' mm'
}
}]
更新。不幸的是,这是一个已知的bug,报告给我们的开发人员。我的示例是尽可能简单地说明问题。我的实际案例涉及在多个机构的一组网络共享上显示随时间变化的磁盘使用情况(datetime)。但是,如果我能确保数据是每月一次的,我可能会使用您的解决方案。根据您参考的第3346期中的评论,并使用4.1候选版本,这似乎基本上是固定的(工具提示位置除外,我可以解决)。这对我来说暂时有效。谢谢