/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 vote136 views1 answer
Angular dynamic script loading
Javascript AngularJS
0 vote132 views1 answer
Whait till src img has loaded angular
Javascript AngularJS
8 votes156 views2 answers
Update formgroup value angular
Javascript AngularJS
9 votes167 views6 answers
Update angular
Javascript AngularJS
0 vote127 views1 answer
Angular2-tree-diagram
Javascript AngularJS
0 vote170 views1 answer
Angularjs download xml file
Javascript AngularJS
6 votes182 views1 answer
Angular for objetkeys pipe
Javascript AngularJS
27 votes169 views5 answers
Create new project angular
Javascript AngularJS
0 vote140 views1 answer
Get all form errors angular
Javascript AngularJS
12 votes164 views6 answers
Angular conditional class
Javascript AngularJS