/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

0 vote175 views1 answer
Angular socket.io with token header
Javascript AngularJS
0 vote176 views1 answer
Angular img src binding
Javascript AngularJS
0 vote175 views1 answer
Angular npx
Javascript AngularJS
3 votes181 views2 answers
Angular clone array without reference
Javascript AngularJS
0 vote152 views2 answers
Check if item is already registered in angular angularfire site:stackoverflow.com
Javascript AngularJS
7 votes191 views2 answers
Install angular fire
Javascript AngularJS
1 vote214 views1 answer
Angular button open file input
Javascript AngularJS
2 votes267 views2 answers
Make button disabled if input is empty angular
Javascript AngularJS
2 votes263 views2 answers
Generating component in angular without spec file
Javascript AngularJS
0 vote180 views1 answer
Angular http loader
Javascript AngularJS