如何更改条形图的边框颜色?

时间:2018-03-22 22:47:04

标签: angular ng2-charts

我有一个非常简单的条形图,我试图根据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属性似乎对条形图没有影响。事实上,我还没有在条形图上看到边框。他们是残疾人还是条形图?如果没有,你如何改变边框颜色?

另外,我并不关心每个酒吧都有单独的颜色。我希望它们具有相同的颜色,只需要是某种颜色。对于图表中的每个元素,必须一遍又一遍地传入具有相同颜色条目的数组似乎不自然。特别是在像我这样的情况下,当我不知道我将拥有多少条目时,我必须动态构建这个数组。

有更简单的方法吗?

0 个答案:

没有答案