在highcharts柱形图中获取每个柱的终点

Question

我正在尝试创建一个条形图，每个条形的末尾都有箭头指向下一个条形图。为此，我需要知道每个柱的终点坐标。请参阅下面的图片，以便更清楚地了解我要实现的目标。

我现在的方法是在图表对象中的每个系列[0] .points [i]中获取clientX，并将其与plotWidth一起添加到我需要渲染箭头图像的位置。由于箭头渲染不正确，现在似乎无法正常工作。我现在的方法在这里有一个小提琴。我试图在每个栏的末尾达到'X'，现在它来到中间的某个地方。

以下是问题的解答 - http://jsfiddle.net/qp90yx34/1/

以下是我现在所处位置的代码 -

size_t

Answer 1

我认为您应该能够在renderer.text方法中更改文本的x位置：

      this.renderer.text("X",
          point.clientX + point.pointWidth / 2 + chart.plotLeft, //x
          point.plotY) // y
        .add();

在这个方法中，我添加了 chart.plotLeft ，这是图表左边缘和plotArea之间的距离。

我还将 point.pointWidth 更改为 point.pointWidth / 2 ，因为point.clientX是列中心的像素位置。

实例： http://jsfiddle.net/qp90yx34/2/