/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 vote189 views1 answer
Import jquery into angular 8
Javascript AngularJS
1 vote194 views1 answer
Micro frontend angular
Javascript AngularJS
0 vote211 views1 answer
Plyr.js example in angular 10
Javascript AngularJS
0 vote191 views1 answer
Angular model optional parameter null
Javascript AngularJS
0 vote216 views2 answers
Angularjs fractionSize with dot
Javascript AngularJS
1 vote194 views1 answer
Click on button submitting the form in angular
Javascript AngularJS
12 votes186 views5 answers
Fontawesome angular
Javascript AngularJS
24 votes206 views2 answers
Angular 10 filter date time
Javascript AngularJS
0 vote202 views1 answer
Serviceworker in angular
Javascript AngularJS
1 vote200 views1 answer
Property 'socket' does not exist on type 'Window & typeof globalThis'. angular
Javascript AngularJS