plotbands highcharts上的标签和工具提示

时间:2014-06-04 06:22:16

标签: jquery highcharts

我已经创建了计量表,现在我试图找出如何将yAxis标签准确地放在绘图带的末端以及如何为乐队制作工具提示。

到目前为止,这是我的图表:fiddle

我找不到如何使用常规工具提示对象创建plotband工具提示,因此我使用moseenter avent来显示工具提示。

events: {
                    mouseenter: function(e) {
                        $('#tooltipholder').html('You are hovering yellow plotband, get ready!');
                        console.log('mouseenter');
                    },
                    mouseleave: function() {
                        $('#tooltipholder').html('');
                    }
                },

它不是工具提示,但它是迄今为止我能取得的最好成绩。

所以我没有问题:

1。现在有想法如何在标题带的末尾放置标签。

2。可能有一种方法可以将工具提示放在绘图带上。

1 个答案:

答案 0 :(得分:2)

  1. 要在plotBands末尾设置标签,请使用tickPositions,请参阅:http://jsfiddle.net/7aTVs/4/
  2. PlotBands不支持工具提示。您的解决方案正确。只需将div置于绝对位置,然后使用event.pageXevent.pageY设置CSS中的左/上位置。