/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 vote188 views1 answer
Angular lazy-loading cli command
Javascript AngularJS
0 vote197 views1 answer
Input type shows object angularjs
Javascript AngularJS
0 vote193 views1 answer
Angular get route last segment
Javascript AngularJS
0 vote220 views1 answer
Ngcc failed angular 9
Javascript AngularJS
0 vote214 views1 answer
Recuperer une image dans la base de données avec angular
Javascript AngularJS
0 vote196 views1 answer
Angular chart js legend position
Javascript AngularJS
20 votes206 views4 answers
Create angular component using cli
Javascript AngularJS
0 vote179 views1 answer
How custom angular material component date format
Javascript AngularJS
0 vote223 views1 answer
How to get selected value from between form tags in Angular
Javascript AngularJS
1 vote189 views1 answer
Uppercase angular pipe
Javascript AngularJS