如何使用chartjs-plugin-annotation在图表上创建一条线

Question

我正在使用angular，Chartjs和ng2-charts在我的项目中创建图表。 我正按照GitHub repository上提供的说明尝试制作中间线。问题在于，当我添加这段代码时，它会“删除”（我不确定这是一个英文单词）图表。这就是我想要重现的内容：

这是我的代码：

elseif(2.71828^(delta/T))>(0+(rand(1)*1))




Error using ^ One argument must be a square matrix and the other must be a scalar. Use POWER (.^) for elementwise power.

};

与文档完全相同。

Answer 1

您实际上不需要设置/使用所有属性。只设置满足您要求的那些。因此，设置以下属性应足以绘制该水平线：

annotation: {
   annotations: [{
      type: 'line',
      id: 'hLine',
      mode: 'horizontal',
      scaleID: 'y-axis-0',
      value: 3,  // data-value at which the line is drawn
      borderWidth: 2,
      borderColor: 'black'
   }]
}

另请注意， annotations 属性不只是一个对象，它的一个对象数组