注释线在chartjs的散点图中不可见答案

【问题标题】：annotation line not visible in scatter chart in chartjs注释线在chartjs的散点图中不可见
【发布时间】：2020-05-08 14:55:56
【问题描述】：

我正在使用 chartjs 库来渲染图表我正在使用散点图并希望在图表上使用参考线，因此我使用图表注释在散点图上绘制了一条线，但由于某种原因该线不可见，但我我能够看到完全绘制的散点图任何人都可以帮忙。

HTML

<html>

<body>
  <div style="width: 75%">
    <canvas id="canvas"></canvas>
  </div>
</body>

</html>

var chartData = {

  datasets: [
    {
      data:  [
        {
          x: 5,
          y: 4
        }, {
          x: 2,
          y: 14
        },
        {
          x: 4,
          y: 12
        },
        {
          x: 2,
          y: 10
        },
        {
          x: 3,
          y: 4
        },
        {
          x: 3,
          y: 5
        },
        {
          x: 3,
          y: 8
        },
        {
          x: 6,
          y: 12

        }]
    }
  ]
};

window.onload = function() {
  var ctx = document.getElementById("canvas").getContext("2d");
  new Chart(ctx, {
    type: "scatter",
    data: chartData,
    options: {
      annotation: {
        annotations: [
          {
            type: "line",
            mode: "vertical",
            scaleID: "x-axis-0",
            value: '5',
            borderColor: "red",

          }
        ]
      }
    }
  });
};

我可以看到散点图但没有注释。

【问题讨论】：

标签： javascript chart.js

【解决方案1】：

将 scaleID: x-axis-0 更改为 scaleID: x-axis-1

【讨论】：

谢谢！我找了这么久；包含在注释插件文档中似乎很简单。
哇 - 非常感谢 - 我也花了好几个小时才找到......