如何在NG2-Charts中更改背景颜色

Question

我正在使用ng2-charts绘制堆叠的条形图。但是我无法更改条形图的默认背景颜色。

stackblitz链接

试图将背景颜色属性添加到图表数据集，但它不起作用。

更新：工作演示：Stackblitz

Answer 1

在我看来，colors属性有一个选择。只需传递一系列颜色对象(请参阅此处查看对象(

这是一个工作示例

这样的html中添加输入：

<div style="display: block;">
   <canvas baseChart 
      [datasets]="barChartData"
      [labels]="barChartLabels"
      [options]="barChartOptions"
      [plugins]="barChartPlugins"
      [legend]="barChartLegend"
      [chartType]="barChartType"
      [colors]="colors">//<---------------the colors input property
   </canvas>
</div>

然后只添加您的TS文件下一个对象：

  public colors = [
    { backgroundColor:"red" },
    { backgroundColor:"green" },
    { backgroundColor:"blue" },
    { backgroundColor:"yellow" }
  ];