Angular 7:使用Chart JS库突出显示某些颜色而不是条形的条形背景/边框

时间:2019-06-06 11:53:39

标签: angular chart.js

我们需要突出显示特定的条形背景而非条形,并且所有条形都具有相同的颜色enter image description here

请在图像中观察,中午和午夜栏突出显示背景颜色,而不是栏颜色。

我尝试使用“ bordercolor and borderwidth”,但是没有达到预期的效果,如果您提供的borderwidth大于5,则边框颜色将与条形颜色重叠。

    public barChartData: ChartDataSets[] = [

    { data: [95, 59, 80, 81, 56, 55, 40],
       label: 'Series A',

     backgroundColor:[this.barColor,this.barColor,this.barColor,
      this.barColor,this.barColor,this.barColor,this.barColor],
    borderColor:[this.barBackgroundColor,this.barBackgroundColor,this.barBackgroundColor,
      this.barBackgroundColor,this.barBackgroundColor,this.barBackgroundColor,this.barBackgroundColor],
   borderWidth:5
      }
    ]

0 个答案:

没有答案