插件定制水平线Y轴标记与chart.js之线图的格

Question

我需要创建“向上”和我一起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
}]
}

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