Highcharts chart.renderer.images 未与 platbands 对齐

Question

我正在使用 chart.renderer.image 添加图像。我希望图像与每个 plotBand 的开头对齐。我从坐标轴单位的位置得到 plotBand。但是，当我调用 toValue 时，图像没有对齐。

https://jsfiddle.net/uxeL76a9/23/

  for (var i = 0; i < plotBands.length; ++i) {
  var artist = plotBands[i];
  var xPos = chart.xAxis[0].toValue(artist['from'], true);
...

Answer 1

你的图表是颠倒的，所以轴被交换了，你对 toValue() 有点混乱，请参阅固定代码：

 var xPos = chart.xAxis[0].toValue(artist['from'], true);

应该是：

var xPos = chart.yAxis[0].toPixels(artist.from);

工作演示：https://jsfiddle.net/uxeL76a9/40/