title: ChartJS canvas not displaying colors in edge browser
body: <p>I am using a piechart which involves different colours. The chart looks fine on Chrome but on Edge browser, the chart looks grey and different sections are not differentiable. I checked <a href="https://stackoverflow.com/questions/39332339/chartjs-canvas-not-displaying-rgba-colors-in-ie-safari-and-firefox">ChartJS canvas not displaying rgba colors in IE, Safari and Firefox</a> , the accepted answer was to remove the array of colours, but in my case, multiple colours are involved and not just one.</p>
  
  <pre><code> public colors = [
   {
    backgroundColor: [
      "rgba(23,43,83)",
      "rgba(226, 229, 232)",
      "rgba(17, 123, 66)",
    ],
    borderWidth: 0,
    hoverBackgroundColor: [
      "rgba(23,43,83)",
      "rgba(226, 229, 232)",
      "rgba(17, 123, 66)",
    ],
    hoverBorderWidth: 0,
  },
  ]
  </code></pre>