2016-07-07 47 views
0

Chart.js折れ線グラフのY軸に沿って「上」と「下」のマーカーを作成する必要があります。私はこれを行うためのアウトボックスの方法を見つけるように見えることはできません。誰もこのようなことを達成するためにプラグインを書く方法について私を助けることができますか? (70および50 Y軸に沿って水平方向の赤い線を参照してください。 enter image description hereカスタム水平線用のプラグインChart.jsを使用した折れ線グラフのグリッド上のY軸マーカー

答えて

1

私はChart.js GitHub root pageChart.Annotations.jsと呼ばれるプラグインを見つけました。それは私がまさに必要!

はあなたに次の属性を追加する必要がありますあなたのオプションは、オブジェクト注釈を追加します。行あたり属性はあなたが描きたい私の場合、私は私の最終的な実装のこのスクリーンショットで2

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

見ていた:。 enter image description here

関連する問題