自定義水平線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 
}] 
} 

看看這張截圖我最終實現的：