高图表将工具提示放置在堆叠条形图的中间

Question

我一直在尝试使用工具提示定位器将工具提示放在每个堆叠条的中间而不是右侧，但我无法找到任何可用于计算适当点 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/

Answer 1

要计算工具提示位置，您可以使用 point.h 和 labelWidth 。尝试这样的事情：

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

若要删除工具提示和点之间不必要的线条，可以使用tooltip.shape属性。

shape: 'rect'