/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

2 votes201 views1 answer
@input and @Output in angular
Javascript AngularJS
0 vote183 views1 answer
Angular debug chrome launch.json
Javascript AngularJS
0 vote171 views1 answer
Angular form initialse
Javascript AngularJS
0 vote173 views2 answers
Convert text to qr code in angular
Javascript AngularJS
0 vote178 views1 answer
Upload file angular rest api
Javascript AngularJS
0 vote183 views1 answer
Mac address validation regex angular
Javascript AngularJS
1 vote180 views2 answers
Set route on button in angular
Javascript AngularJS
1 vote174 views1 answer
Your global Angular CLI version is greater than your local version
Javascript AngularJS
1 vote185 views3 answers
Dynamically add id ro div in angular using forloop ngfor
Javascript AngularJS
3 votes167 views1 answer
Call a function whenever routerlink is clicke angular
Javascript AngularJS