Highcharts 图表：鼠标悬停在标签上时的工具提示

【问题标题】：Highcharts graph: tooltip when mouse over labelHighcharts 图表：鼠标悬停在标签上时的工具提示
【发布时间】：2013-03-10 08:28:33
【问题描述】：

在Highcharts图表上，我们可以在鼠标悬停标签时显示工具提示吗鼠标悬停在列（点）上时显示的其他工具提示？

谢谢查南

【问题讨论】：

鼠标悬停标签，你的意思是在轴上还是在其他物体上？

标签： highcharts label tooltip mouseover

【解决方案1】：

我已经成功实现了这一点 - 您需要两个步骤：
1.) 对于 xAxis 或 yXis，设置标签选项； 'formatter' 属性应该包含一个 html 标题属性。利用函数进行动态输出。确保“useHTML”属性设置为 true。例如：

            useHTML: true,
            formatter: function () {                                                                                    
            return '<div class="label_tip" style="font-size:12px; font-weight:500;" title="'+this.value+'">'+this.value+'</div>'; }

2.) 使用任何工具提示库将标题更改为工具提示。这应该在 Highcharts 加载或重绘事件中触发。

在此示例中，我使用 qTips 创建标签工具提示 - http://jsfiddle.net/amichaels/quXLg/

【讨论】：