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' 
     } 
    }] 
}