/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

43 votes414 views6 answers
Angular check if array is empty
Javascript AngularJS
37 votes352 views2 answers
Short date angular pipe
Javascript AngularJS
0 vote275 views1 answer
Count same product with price in angular
Javascript AngularJS
0 vote244 views1 answer
Function.bind(this) angular
Javascript AngularJS
0 vote269 views1 answer
Make directive to return dropdown values angular
Javascript AngularJS
0 vote291 views1 answer
If else condition in angular if user enter string value in input integer
Javascript AngularJS
4 votes239 views3 answers
Reload sub component angular
Javascript AngularJS
1 vote282 views1 answer
Angular directive output
Javascript AngularJS
1 vote240 views1 answer
Setinterval in angular 6
Javascript AngularJS
0 vote308 views2 answers
Delete with body angular
Javascript AngularJS