/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

2 votes359 views5 answers
Ng class in angular
Javascript AngularJS
0 vote354 views1 answer
Angular debug chrome launch.json
Javascript AngularJS
0 vote341 views1 answer
Angular Quick Tip: Binding Specific Keys to the Keyup and Keydown Events
Javascript AngularJS
0 vote330 views2 answers
Check if item is already registered in angular angularfire site:stackoverflow.com
Javascript AngularJS
1 vote324 views1 answer
How to get utc time in angular
Javascript AngularJS
0 vote349 views1 answer
Angular load json file with httpclient
Javascript AngularJS
0 vote388 views3 answers
Https://stackoverflow.com/questions/58589741/angular-8-hide-divs-and-show-div-on-button-click
Javascript AngularJS
1 vote361 views1 answer
No directive found with exportas 'ngmodel' angular 10
Javascript AngularJS
10 votes399 views3 answers
Angular create service command line
Javascript AngularJS
0 vote325 views1 answer
Angular model optional parameter null
Javascript AngularJS