自定义水平线Y轴标记在Chart.js折线图的网格上

Question

我需要沿着我的Chart.js折线图的Y轴创建“向上”和“低”标记。我似乎无法找到这样做的一种开箱即用的方式。任何人都可以帮助我如何编写一个插件来实现这样的事情？ （见沿70和50 Y轴的水平红线。

Answer 1

我发现了一个在Chart.js GitHub root page称为Chart.Annotations.js插件。这是正是我需要的！

您需要将以下属性添加到你的选择对象添加一个注释：每行属性，你想画在我来说，我有2

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

看看这张截图我最终实现的：