chart.JS各Y軸値グリッド線の色ごとに異なる色を入れたい

Question

グラフを生成するのにMVC 4.0とchart.JSを使用しています。私は各値にY軸の水平線を入れたいと思っています。

scaleShowGridLines = true; 
scaleShowHorizontalLines: true, 
//Boolean - Whether to show vertical lines (except Y axis) 
scaleShowVerticalLines: false, 

私の実際の要件は、私は水平線の異なる色を入れたいということです。

scaleGridLineColor: "rgba(0,0,0,.05)" 

上記の行は、水平線の色を変更しますが、すべての行に適用されます。

私をご案内ください。あなたのoptionsにscales設定を追加することにより、水平方向と垂直方向のグリッド線のための個々の色を設定することができます

Answer 1

：

scales: { 
    yAxes: [{ 
     gridLines: { 
      color: 'green' 
     } 
    }], 
    xAxes: [{ 
     gridLines: { 
      color: 'red' 
     } 
    }] 
}