Question

有时很难让Highcharts Javascript图表库显示某些数据点的工具提示。例如，尝试在下面的链接上显示数据点的工具提示为50,50。很难让它显示出来，而且它会闪烁很多。有没有人知道一些解决方法？

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

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

Answer 1

工具提示50,50闪烁的原因是因为工具提示正在绘制点。左侧和右侧的点允许将工具提示绘制到侧面的空间。中间的一个不能被拉到一边的原因是图表很小，而且工具箱很大。

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

Answer 2

你试过了吗？

 //...

 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：

关于获取costom c属性的另一个问题（您在评论中提到...），解决方法是在格式化程序函数中修复代码变成这样的事：return ... this.points[0].point.c

（同样，这是一个新问题，与第一个闪烁的工具提示无关......）

某些数据点无法访问Highcharts工具提示

2 个答案: