0

有时很难让 Highcharts Javascript 图表库显示某些数据点的工具提示。例如,尝试在以下链接中显示 50,50 处数据点的工具提示。很难让它显示出来,而且闪烁很多。有谁知道一些解决方法?

http://highcharts.com/jsbin/ogixaz/2/edit

我使用最新的 Chrome 和 Firefox 进行了尝试。

4

2 回答 2

0

50,50 处的工具提示闪烁的原因是工具提示被绘制在该点上。左侧和右侧的点为将工具提示绘制到侧面留出了空间。中间的不能画到一边的原因是图表小,而toollip又大。

一些有助于解决这种情况的想法: 1. 使工具提示更小。2. 使图表更大(在您的示例中尝试使右侧更大)。3. 使用 highcharts tooltip.positioner 函数将工具提示放置在其他位置。

于 2013-03-06T14:17:51.230 回答
0

你有没有尝试过:

 //...

 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

(同样,这是一个新问题,与第一个闪烁的工具提示无关......)

于 2013-03-06T16:16:24.773 回答