How to change colours for Angular-Chart.js

by

Your should declare colours object as an array 

"colours": [{
    fillColor: 'rgba(47, 132, 71, 0.8)',
    strokeColor: 'rgba(47, 132, 71, 0.8)',
    highlightFill: 'rgba(47, 132, 71, 0.8)',
    highlightStroke: 'rgba(47, 132, 71, 0.8)'
}];

Working Plunkr

For more info refer this post / this too.

For newer versions, see eli0tt’s answer, as the parameter names have changed.

More Related Contents:

  1. How to put rounded corners on a Chart.js Bar chart
  2. Dynamically update values of a chartjs chart
  3. Google Bar Chart cannot Change Individual Bar Color
  4. I want to change the chart for each city or subcity selected
  5. Click events on Pie Charts in Chart.js
  6. ChartJS – Different color per data point
  7. How to clear a chart from a canvas so that hover events cannot be triggered?
  8. ChartJS: datalabels: show percentage value in Pie piece
  9. Limit labels number on Chart.js line chart
  10. How to set ChartJS Y axis title?
  11. Remove x-axis label/text in chart.js
  12. Chart.js v2: How to make tooltips always appear on pie chart?
  13. http request has been block from https
  14. AngularJS routing without the hash ‘#’
  15. AngularJS passing data to $http.get request
  16. Angular IE Caching issue for $http
  17. How to find a reason AngularJS “Argument ‘MyCtrl’ is not a function, got undefined”
  18. AngularJS – UI Router – programmatically add states
  19. $watch an object
  20. how to bind Bootstrap-datepicker element with angularjs ng-model?
  21. How do I connect this interval service to a view?
  22. Produce a promise which depends on recursive promises
  23. Best way to wait for .forEach() to complete
  24. Chartjs Bar Chart showing old data when hovering
  25. Angular ui router – Redirection doesn’t work at all
  26. Show pop-ups the most elegant way
  27. AngularJS: lazy loading controllers and content
  28. Rename Object Key in an array using javascript
  29. Function Called Multiple Times in AngularJS Repeat Section
  30. Load static JSON file in Webpack

Leave a Comment