/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 vote212 views2 answers
Angular material button toggle selected
Javascript AngularJS
2 votes227 views1 answer
Nangular make window available
Javascript AngularJS
0 vote210 views1 answer
Convert angular HTTP to Native HTTP in Ionic
Javascript AngularJS
0 vote209 views1 answer
Mac address validation regex angular
Javascript AngularJS
17 votes231 views3 answers
Angular pipe for 2 decimal places
Javascript AngularJS
2 votes260 views2 answers
Make button disabled if input is empty angular
Javascript AngularJS
93 votes266 views3 answers
Instalación de angular cli
Javascript AngularJS
24 votes237 views6 answers
Angular routes
Javascript AngularJS
0 vote206 views2 answers
Same file select angular second time not selected
Javascript AngularJS
0 vote382 views1 answer
Angular number pipe to four decimals
Javascript AngularJS