/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 vote112 views1 answer
How to create a component in angular using terminal
Javascript AngularJS
2 votes102 views1 answer
If 'mat-step' is an Angular component,
Javascript AngularJS
3 votes62 views1 answer
How to unistall an angular version
Javascript AngularJS
0 vote111 views1 answer
Reload page angular one time
Javascript AngularJS
0 vote90 views1 answer
Angular load json file with httpclient
Javascript AngularJS
0 vote159 views2 answers
Aos library animation angular
Javascript AngularJS
0 vote96 views1 answer
Percent pipe angular example
Javascript AngularJS
0 vote125 views1 answer
How to generate angular component with scss
Javascript AngularJS
0 vote101 views1 answer
Auto create a test file in angular
Javascript AngularJS
0 vote100 views1 answer
Const link = document.createElement('a'); angular10
Javascript AngularJS