在 Highcharts 图表上,当鼠标悬停在其他工具提示上时,我们是否可以显示工具提示而不是鼠标悬停在列(点)上时显示的工具提示?
谢谢查南
在 Highcharts 图表上,当鼠标悬停在其他工具提示上时,我们是否可以显示工具提示而不是鼠标悬停在列(点)上时显示的工具提示?
谢谢查南
我已经设法实现了这一点 - 您需要两个步骤:
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/