我有一个非常简单的条形图,我试图根据ng2-charts网站的折线图示例改变颜色(因为条形图没有自定义颜色的示例),即将数组传递给[colors]
道具,如下所示:
public lineChartColors:Array<any> = [
{ // grey
backgroundColor: 'rgba(148,159,177,0.2)',
borderColor: 'rgba(148,159,177,1)',
pointBackgroundColor: 'rgba(148,159,177,1)',
pointBorderColor: '#fff',
pointHoverBackgroundColor: '#fff',
pointHoverBorderColor: 'rgba(148,159,177,0.8)'
},
{ // dark grey
backgroundColor: 'rgba(77,83,96,0.2)',
borderColor: 'rgba(77,83,96,1)',
pointBackgroundColor: 'rgba(77,83,96,1)',
pointBorderColor: '#fff',
pointHoverBackgroundColor: '#fff',
pointHoverBorderColor: 'rgba(77,83,96,1)'
},
{ // grey
backgroundColor: 'rgba(148,159,177,0.2)',
borderColor: 'rgba(148,159,177,1)',
pointBackgroundColor: 'rgba(148,159,177,1)',
pointBorderColor: '#fff',
pointHoverBackgroundColor: '#fff',
pointHoverBorderColor: 'rgba(148,159,177,0.8)'
}
];
但borderColor
属性似乎对条形图没有影响。事实上,我还没有在条形图上看到边框。他们是残疾人还是条形图?如果没有,你如何改变边框颜色?
另外,我并不关心每个酒吧都有单独的颜色。我希望它们具有相同的颜色,只需要是某种颜色。对于图表中的每个元素,必须一遍又一遍地传入具有相同颜色条目的数组似乎不自然。特别是在像我这样的情况下,当我不知道我将拥有多少条目时,我必须动态构建这个数组。
有更简单的方法吗?