/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 vote117 views1 answer
Angularjs datetime
Javascript AngularJS
7 votes114 views4 answers
Build angular project
Javascript AngularJS
4 votes139 views3 answers
Reload sub component angular
Javascript AngularJS
0 vote122 views1 answer
Mac address validation regex angular
Javascript AngularJS
10 votes143 views3 answers
Eventemitter in angular
Javascript AngularJS
10 votes121 views3 answers
Angular for each
Javascript AngularJS
0 vote122 views3 answers
Angular form validation whitespace
Javascript AngularJS
0 vote125 views4 answers
Angular for loop
Javascript AngularJS
29 votes314 views2 answers
ERESOLVE unable to resolve dependency tree npm ERR npm ERR! Found: @angular/[email protected] npm ERR! node_modules/@angular/core
Javascript AngularJS
0 vote134 views2 answers
Let fruta angular
Javascript AngularJS