/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

17 votes250 views2 answers
Angular random number between 1 and 10
Javascript AngularJS
2 votes192 views1 answer
How to set disabled flag formgroup angular
Javascript AngularJS
0 vote221 views2 answers
Aos animation angular
Javascript AngularJS
21 votes224 views6 answers
Angular ngclass
Javascript AngularJS
0 vote212 views1 answer
Angular stoppropagatio
Javascript AngularJS
0 vote371 views1 answer
Angular number pipe to four decimals
Javascript AngularJS
5 votes207 views2 answers
Angular how to copy text with button
Javascript AngularJS
0 vote222 views1 answer
Angular sumar labels
Javascript AngularJS
0 vote242 views2 answers
Angular 4 "Property does not exist on type component"
Javascript AngularJS
0 vote208 views1 answer
Import file json angular 12
Javascript AngularJS