/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

26 votes391 views1 answer
Angular lifecycle hooks
Javascript AngularJS
0 vote302 views2 answers
15) Which of the following directive is used to initialize an angular app? A. ng-app ANSWER B.ng-model C.ng-controller D.None of the above
Javascript AngularJS
0 vote415 views1 answer
Angularjs left xx characters
Javascript AngularJS
0 vote347 views1 answer
Animate change background color angular
Javascript AngularJS
0 vote350 views1 answer
Disable strict mode angular
Javascript AngularJS
6 votes357 views1 answer
Ngfor on keys of a dictionary angular
Javascript AngularJS
0 vote342 views3 answers
Angular form validation whitespace
Javascript AngularJS
3 votes332 views1 answer
Angular ion-search
Javascript AngularJS
2 votes347 views3 answers
Change route on button click angular
Javascript AngularJS
0 vote355 views1 answer
My drop down link won't work with bootstrap angular
Javascript AngularJS