有时很难让 Highcharts Javascript 图表库显示某些数据点的工具提示。例如,尝试在以下链接中显示 50,50 处数据点的工具提示。很难让它显示出来,而且闪烁很多。有谁知道一些解决方法?
http://highcharts.com/jsbin/ogixaz/2/edit
我使用最新的 Chrome 和 Firefox 进行了尝试。
有时很难让 Highcharts Javascript 图表库显示某些数据点的工具提示。例如,尝试在以下链接中显示 50,50 处数据点的工具提示。很难让它显示出来,而且闪烁很多。有谁知道一些解决方法?
http://highcharts.com/jsbin/ogixaz/2/edit
我使用最新的 Chrome 和 Firefox 进行了尝试。
50,50 处的工具提示闪烁的原因是工具提示被绘制在该点上。左侧和右侧的点为将工具提示绘制到侧面留出了空间。中间的不能画到一边的原因是图表小,而toollip又大。
一些有助于解决这种情况的想法: 1. 使工具提示更小。2. 使图表更大(在您的示例中尝试使右侧更大)。3. 使用 highcharts tooltip.positioner 函数将工具提示放置在其他位置。
你有没有尝试过:
//...
plotOptions:{
series:{
stickyTracking:true;
}
}
更新:
我不得不说我查看了您的嵌入示例并准确理解了您的意思,
但是在将您的代码移动到 jsFiddle 并设置属性shared:true
(在工具提示对象中)之后,它工作正常。检查它... http://jsfiddle.net/yoav_barnea/LFvVy/2/
重要的部分是属性shared:true
:
tooltip: {
formatter: function() {
return '<b style="font-size:18px;font-weight:bold;">Some very long title</b><br/>' + this.x + ":" + this.y + " <br/>and some<br/> extra stuff<br/>line<br/>line";
},
useHTML: true,
shared:true
},
更新 2:
至于您在获取 costomc
属性方面的其他问题(您在评论中提到...),解决方案是将格式化程序函数中的代码修复为如下所示:return ... this.points[0].point.c
(同样,这是一个新问题,与第一个闪烁的工具提示无关......)