css - 更改 Angular ngx-charts 上设置的默认颜色

Question

我正在开发一个 Angular 应用程序并使用 ngx-charts，在调试和在线搜索了几分钟后，我找不到如何更改图表上的调色板。

默认的 Angular 调色板如下所示:

你们知道如何更改 ngx-charts 上的调色板吗？

非常感谢任何帮助，谢谢!

Answer 1

对于 19 以上的较新版本。他们改变了结构。您可以从 here 中给出配色方案的名称示例用法将是

 <ngx-charts-pie-chart
          [view]="view"
          [scheme]="'forest'"
          [results]="single"
          [legend]="showLegend"
          [explodeSlices]="explodeSlices"
          [labels]="showLabels"
          [doughnut]="doughnut"
          [gradient]="gradient"
          (select)="onSelect($event)">
   </ngx-charts-pie-chart>

但是如果你想使用自定义颜色那么你需要使用[customColors]属性，它的格式就像

{ name: "", value: '#33cc33' }

这里你需要确保颜色的名称和数据对象的名称需要相同。例如你的数据是 [{name="Turkey",value:100}] 然后你的颜色对象需要是 [{name="Turkey",value: '#33cc33' }]