/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 vote356 views1 answer
Uppercase angular pipe
Javascript AngularJS
0 vote358 views1 answer
Pattern validator angular
Javascript AngularJS
1 vote485 views1 answer
Create an array of numbers by numbers range in angular
Javascript AngularJS
0 vote355 views1 answer
Angular load json file with httpclient
Javascript AngularJS
0 vote362 views1 answer
O list do AngularFireDatabase não é mais um observable??
Javascript AngularJS
5 votes330 views1 answer
Angular x social login
Javascript AngularJS
-1 vote316 views1 answer
How to add changes every time you route navigate to page in angular
Javascript AngularJS
1 vote341 views1 answer
Copy an array without pointer in angular
Javascript AngularJS
2 votes346 views2 answers
Angularjs 1.5.6 cdn
Javascript AngularJS
1 vote346 views2 answers
Set route on button in angular
Javascript AngularJS