Chartjs-Usage for angular-chart : colors and fonts

by

1👍

✅

By the look of the options, you’re using chart.js 2.0, you need to use the latest angular-chart.js.

Note the attribute is now chart-colors and the color properties have changed in chart.js 2.0.

2👍

Since you have 2 series, make sure you have 2 entries in $scope.colours i.e.

...
$scope.colours = [{
    fillColor: 'rgba(151,187,205,0.2)',
    strokeColor: 'red',
    pointColor: 'rgba(151,187,205,1)',
    pointStrokeColor: '#fff',
    pointHighlightFill: '#fff',
    pointHighlightStroke: 'rgba(151,187,205,0.8)'
}, {
    fillColor: 'rgba(151,187,205,0.2)',
    strokeColor: 'blue',
    pointColor: 'rgba(151,187,205,1)',
    pointStrokeColor: '#fff',
    pointHighlightFill: '#fff',
    pointHighlightStroke: 'rgba(151,187,205,0.8)'
}]
...

Fiddle – http://jsfiddle.net/cpdh1g19/ (the color for the first line will change after 2 seconds)

Leave a comment