HighCarts工具提示相对于鼠标的位置

时间:2015-10-21 17:37:53

标签: javascript highcharts

我正在使用highcharts在我的网站上创建图形,但是这个工具提示涵盖了我的条形图,有没有办法告诉条形图顶部的工具提示todisplay而不是'ON'它?

这就是我所看到的:

enter image description here

1 个答案:

答案 0 :(得分:2)

StackOverflow上有很多关于工具尖定位的问题,我在图表中使用的方法是使用定位器在列悬停时向左或向右显示工具提示。

 tooltip: {
   positioner: function(labelWidth, labelHeight, point) {         
                         var tooltipX, tooltipY;
                            if (point.plotX + labelWidth > this.chart.plotWidth) {
                                tooltipX = point.plotX + this.chart.plotLeft - labelWidth - 40;
                            } else {
                                tooltipX = point.plotX + this.chart.plotLeft + 40;
                            }
                            tooltipY = point.plotY + this.chart.plotTop - 20;
                            return {
                                x: tooltipX,
                                y: tooltipY
                            };       
                    } }