Chart.js 0以外の値から折れ線グラフを塗りつぶす

Question

青いグラフの塗りつぶしの値を0に変更しようとしています。たとえば5に設定したいと思いますが、緑のグラフの場合は、この値を0にしてください。

これは、現在、私のグラフである：

は、これは私がこのグラフを描くために使用するデータである。

var data = { 
    labels : arrayLabels, 
    datasets:[ 
    { 
     label: "CA", 
     backgroundColor: "rgba(26,179,148,0.1)", 
     borderColor: "rgba(26,179,148,0.7)", 
     pointBackgroundColor: "rgba(26,179,148,1)", 
     yAxisID: "y-axis-CA", 
     data: arrayCA 
    }, 
    { 
     label: "Marge", 
     backgroundColor: "rgba(46,95,255,0.1)", 
     borderColor: "rgba(46,95,255,0.7)", 
     pointBackgroundColor: "rgba(46,95,255,1)", 
     yAxisID: "y-axis-marge", 
     data: arrayMarge, 
     // -> here i would like to have something like: 
     // fillFrom : 5 
    }]}; 

私はchart.js 2を使用し、私はそれをどのように行うことができますか？ありがとう

Answer 1

私が知る限り、簡単な方法はありません。カスタム塗りを作成する場合は、プラグインを操作するか、それをカスタマイズするために多額のコードを書く必要があります。私は似たものを探していた

戻る私が出会った：

Chart JS Fill Between two lines

これは、あなたが探している正確に何をしませんが、それがないように、あなたのチャートをカスタマイズすることができます。

すべてのデータポイントが5であるデータセットを作成し、基本オプションを使用して非表示（データポイントを表示しない、データポイントを表示しないなど）にすると、そのラインと 'マージ'ライン。

JSFiddleと前の回答に記載されているコードは、それを実現させるために必要なすべてのものでなければなりません。