/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 vote330 views1 answer
How to use edit button in angular
Javascript AngularJS
9 votes361 views3 answers
Onclick event in angular
Javascript AngularJS
0 vote321 views1 answer
Angular implementing Validator
Javascript AngularJS
37 votes441 views4 answers
Angularjs date
Javascript AngularJS
0 vote322 views2 answers
How to remove text style on td in angularjs
Javascript AngularJS
0 vote332 views1 answer
Extension for local storage in angular 8
Javascript AngularJS
0 vote338 views1 answer
Angular empty object
Javascript AngularJS
0 vote304 views1 answer
Angular checkbox disabled
Javascript AngularJS
-2 votes337 views2 answers
Bootstrap 4 navbar-collapse not working angular
Javascript AngularJS
0 vote317 views1 answer
Reuse jquery angular
Javascript AngularJS