/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 vote321 views2 answers
Angular 9 radio button checked
Javascript AngularJS
10 votes272 views6 answers
Refresh page angular
Javascript AngularJS
0 vote303 views1 answer
Resolver not showing content angular
Javascript AngularJS
13 votes302 views2 answers
Import angular flex layout
Javascript AngularJS
-1 vote274 views1 answer
Angular 11 support versions nodejs
Javascript AngularJS
-1 vote465 views1 answer
An unhandled exception occurred: ENOENT: no such file or directory, lstat 'C:\Users\hp\Desktop\New folder\node_modules' See "C:\Users\hp\AppData\Local\Temp\ng-uhxyh2\angular-errors.log" for further details.
Javascript AngularJS
3 votes261 views5 answers
Angular img
Javascript AngularJS
0 vote295 views1 answer
Angular implementing Validator
Javascript AngularJS
0 vote292 views1 answer
Change dxform label angular
Javascript AngularJS
0 vote307 views1 answer
News Application With Angular and Material Design
Javascript AngularJS