Not displaying rgba colors in IE, Safari and Firefox

[thiagogarbazza]

Im using angular-chart.js to display some data but it's not rendering the canvas element correctly in IE, Firefox and Safari.

My guess is that the background color property lacks any of the used prefixes for the other browser since it works fine in Chrome.

Anyone else had this issue?

Chrome:

Firefox, Safari and IE:

Overview

Describe the issue. What is the issue and what did you expect?

Please make sure to review and check all of these items:

• [x] Use latest version of the library
• [x] Make sure you've included all the dependencies e.g Chart.js, angular, etc.
• [ ] Include a repro case, see below.

Step to reproduce

Here is a template and stack overflow for convenience

[ElVisPL]

Same here

Tried to use

app.config(['ChartJsProvider', function (ChartJsProvider) { ChartJsProvider.setOptions({ chartColors: ['rgba(231,79,51,0.7)'] }); }]);

or with chart-colors attribute

Both work for Chrome, does not work for firefox (always gray background)