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

时间:2013-03-10 08:28:34

标签: highcharts label tooltip mouseover

在Highcharts图表上,我们可以在鼠标悬停在标签上时显示工具提示 鼠标悬停在列之外的其他工具提示(点)?

感谢 察南

1 个答案:

答案 0 :(得分:0)

我已成功实现这一目标 - 您需要两个步骤:
1.)对于xAxis或yXis,设置标签选项; 'formatter'属性应包含html title属性。利用动态输出功能。确保'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/