/Javascript/AngularJS/Angular chart js Doughnut colors

Angular chart js Doughnut colors

// HTML
div class="chart-wrapper">
  <canvas baseChart [data]="doughnutChartData" [labels]="doughnutChartLabels" [colors]="colors"
    [chartType]=" doughnutChartType">
  </canvas>
</div>

// TS
export class AppComponent {
  doughnutChartLabels: Label[] = ['BMW', 'Ford', 'Tesla'];

  doughnutChartData: MultiDataSet = [
    [
      55,
      25,
      20
    ]
  ];

  doughnutChartType: ChartType = 'doughnut';

  colors: Color[] = [
    {
      backgroundColor: [
        'red',
        'green',
        'blue'
      ]
    }
  ];

}

Source: stackoverflow.com

Similar codes

2 votes187 views2 answers
If 'router-outlet' is an Angular component, then verify that it is part of this module.
Javascript AngularJS
0 vote179 views1 answer
Autocomplete list angular 8 material
Javascript AngularJS
0 vote189 views2 answers
Referrer Policy: strict-origin-when-cross-origin angular
Javascript AngularJS
0 vote230 views1 answer
Httpclientmodule is not an angular module
Javascript AngularJS
0 vote210 views1 answer
Angular Failed to make request to https://www.gstatic.com/firebasejs/releases.json
Javascript AngularJS
0 vote194 views1 answer
Angular model optional parameter null
Javascript AngularJS
6 votes232 views1 answer
Angular for objetkeys pipe
Javascript AngularJS
5 votes175 views2 answers
Display rond logo in angular
Javascript AngularJS
0 vote237 views1 answer
Angular stoppropagatio
Javascript AngularJS
0 vote212 views2 answers
Angular js email id validation with pattern
Javascript AngularJS