/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

7 votes128 views1 answer
Angular ng serve with custom port
Javascript AngularJS
0 vote121 views1 answer
Angular $http abort request
Javascript AngularJS
1 vote116 views1 answer
Kendo angular grid date format
Javascript AngularJS
0 vote109 views1 answer
Angular observer if not length
Javascript AngularJS
0 vote112 views1 answer
Angular 2 on data bound event equivalent
Javascript AngularJS
0 vote120 views1 answer
Angular navbar is overlaying content
Javascript AngularJS
-1 vote128 views1 answer
Angularjs socket.io
Javascript AngularJS
0 vote147 views2 answers
Angular call child method from parent
Javascript AngularJS
0 vote117 views1 answer
Angular escape style attr
Javascript AngularJS
8 votes114 views3 answers
How to use another port in angular
Javascript AngularJS