Highcharts在堆积条的中间定位工具提示

时间:2018-03-06 08:40:37

标签: javascript highcharts tooltip stacked

我一直在尝试使用工具提示定位器在每个堆叠条的中间而不是右侧获取工具提示,但我无法找到任何可用于计算x的变量适当的点。

    tooltip: {
        positioner: function (labelWidth, labelHeight,point) {
            return {
                x: point.plotX - this.chart.hoverPoint.pointWidth,
                y: point.plotY + this.chart.plotTop - labelHeight
            };
        }
     }

这是一个代码集,显示它在最后一点失败的方式: http://jsfiddle.net/vw7ebd4k/1/

1 个答案:

答案 0 :(得分:1)

要计算工具提示位置,您可以使用point.hlabelWidth。尝试类似的东西:

tooltip: {
    positioner: function (labelWidth, labelHeight, point) {
        return {
            x: point.plotX - point.h/2 + labelWidth/2,
            y: point.plotY
        };
    }
 }

要删除工具提示和点之间不必要的行,您可以使用tooltip.shape属性。

shape: 'rect'