/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

1 vote146 views1 answer
Angular validators number only in reactive form
Javascript AngularJS
3 votes149 views1 answer
Ternary operator angular template
Javascript AngularJS
3 votes95 views1 answer
Angular list contains property
Javascript AngularJS
6 votes136 views2 answers
Angular dynamic class
Javascript AngularJS
1 vote152 views1 answer
Angular minutes to hour and minutes
Javascript AngularJS
4 votes149 views1 answer
Clear angular formarray
Javascript AngularJS
0 vote154 views1 answer
Localhost:3000 ad is not working with outlook angular 8
Javascript AngularJS
47 votes280 views6 answers
Adding bootstrap to angular
Javascript AngularJS
-1 vote133 views1 answer
In select option how to make one default in angular
Javascript AngularJS
8 votes155 views2 answers
Data type angular
Javascript AngularJS