は、私は、この折れ線グラフ<a href="https://i.stack.imgur.com/T7eYE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/T7eYE.png" alt="line chart"></a></p> <p>どのように私はライン下のグラフの一部に背景に色をすることができますを持っているだけChart.jsラインチャート

Question

の下の部分に色を適用しますか？この絵のようにここで

は、私は（あなたがthis.propsから見ることができるように、これは、反応するコンポーネントの一部である）を使用しているコードです：

var canvas: any = document.getElementById('temperature-chart'); 
    var ctx = canvas.getContext('2d'); 
    var chart = new Chart(ctx, { 
     type: 'line', 

     // The data for our dataset 
     data: { 
      labels: this.props.labels, 
      datasets: [{ 
       label: "Temperatures", 
       backgroundColor: 'rgba(255, 206, 86, 0.2)', 
       borderColor: 'rgba(255, 206, 86, 1)', 
       data: this.props.numbers, 
       borderWidth: 1 
      }], 
     }, 

私もいくつかのオプションをcustomixed y axixを削除し、ラベルを追加します。

Answer 1

http://www.chartjs.org/docs/latest/charts/area.html

チャートが原点に充填されるようにあなたが負と正のデータを持っているので、これはそれが追加0トライの上方および下方いっぱいになり、ルックス：これはデータセットに記入する必要があり

fill: 1, 

1あなたが持っているデータを記入してください。