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)" 

以上線改變水平線的顏色，但它適用於所有線。

請指導我。

Answer 1

您可以通過添加一個scales配置您的options設置水平和垂直網格線個別顏色：

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