Highcharts-使用日期时间轴在图表上绘制路径

我需要在具有日期时间轴的图表上绘制任意路径：

xAxis: {
  type: 'datetime'
}

我正在尝试使用

chart.renderer.path（'m'，x，y）

。我可以很容易地确定

y

值，但是如何指定

x

下面是一个简单的例子（基于Highcharts的小提琴，复制到）。如果查看代码的最后几行，我想在图表上添加一行：

// add line from January to April
chart.renderer.path(
    'M', new Date(2014, 0, 1), 0.8,
    'L', new Date(2014, 3, 1), 0.9)
    .attr({
        'stroke-width': 2,
        stroke: 'red'
    })
    .add()

这是行不通的。我也尝试过使用

toPixels

，但没有效果

   'M', chart.xAxis(0).toPixels(new Date(2014, 0, 1)), 0.8,
   'L', chart.xAxis(0).toPixels(new Date(2014, 3, 1)), 0.9)

---

您能否修复JSFIDLE示例以使其正常工作，或者告诉我如何使用它？

渲染器。path

需要一个坐标数组。

chart.xAxis

也是一个轴数组，而不是一个函数

要确定特定坐标的x和y，请使用

xAxis/yAxis.toPixels（）

示例：

太好了。（xAxis（0）在制备样本时出错。）

      var xAxis = chart.xAxis[0];
  var yAxis = chart.yAxis[0];

  chart.renderer.path([
      'M', xAxis.toPixels(new Date(2014, 0, 1)), yAxis.toPixels(0.8),
      'L', xAxis.toPixels(new Date(2014, 3, 1)), yAxis.toPixels(0.9)
    ])
    .attr({
      'stroke-width': 2,
      stroke: 'red'
    })
    .add()