Charts.js - Farben für gestapelte Bar auf Multi-Serien-Linie/Balkendiagramm funktionieren nicht

Question

Ich versuche, verschiedene Farben für jeden Datensatz in einem Multi-Serie gestapelten Balkendiagramm/Liniendiagramm zu implementieren, die ich erstelle. Es scheint jedoch nicht, dass die Farben für mein gestapeltes Balkendiagramm richtig funktionieren.

Hier ist ein Screenshot von dieser Ausgabe:

Wie Sie nur für die erste Bar durchgezogen sehen kann, sind die Farben, die ich definiert sind und die anderen Bars sind noch grau. Wie kann ich das beheben?

Here is a JS Bin of my chart.

Answer 1

Hier ist sie:

https://jsbin.com/sijowuruda/edit?html,js,output

Das Problem ist, dass diese Farben:

backgroundColor: ['rgba(71, 86, 119, 0.2)'], 
borderColor: ['rgba(71, 86, 119, .8)'] 

Notwendigkeit, Strings Arrays nicht

backgroundColor: 'rgba(71, 86, 119, 0.2)', 
borderColor: 'rgba(71, 86, 119, .8)' 

Andernfalls wird die Diagrammbibliothek eine Farbe für jede Spalte/jeden Datentyp lesen, und da Sie eine einzelne Farbe in Ihrem Array haben, hat nur die erste Spalte eine entsprechende Farbe für jeden Datentyp.