/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

4 votes182 views1 answer
Ng remove @angular/fire
Javascript AngularJS
0 vote179 views1 answer
Refresh a kendo ui widget, when options on AngularJS $scope change
Javascript AngularJS
0 vote178 views1 answer
Angular cannot access event.target.value of input element using $event
Javascript AngularJS
0 vote161 views1 answer
Angular httpclient query params not working
Javascript AngularJS
0 vote184 views1 answer
Create new angular project specific version
Javascript AngularJS
0 vote164 views1 answer
Deploy angular app on google app engine
Javascript AngularJS
0 vote172 views1 answer
Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.4.6/$injector/modulerr?p0=myApp
Javascript AngularJS
0 vote156 views2 answers
Fs in angular
Javascript AngularJS
5 votes167 views2 answers
Angular how to copy text with button
Javascript AngularJS
0 vote174 views1 answer
Angular 2 on data bound event equivalent
Javascript AngularJS