使用Chart.js

Question

我需要创建＆＃34; up＆＃34;和＆＃34;低＆＃34;我的Chart.js折线图沿Y轴的标记。我似乎无法找到一种开箱即用的方式。任何人都可以帮助我如何编写插件来实现这样的目标？ （参见沿70和50 Y轴的水平红线。

Answer 1

我在Chart.Annotations.js上找到了一个名为Chart.js GitHub root page的插件。这正是我所需要的！

您需要将以下属性添加到选项对象中。每行添加一个注释：属性。在我的情况下，我有2。

annotation: {
annotations: [{
    type:'line',
    mode:'horizontal',
    scaleID:'y-axis-1',
    value:'10',
    borderColor:'#000000',
    borderWidth:2
}]
}

查看我最终实施的屏幕截图：