Colore grafico a barre in pila di Google

Question

Come posso modificare il colore della colonna in un grafico a barre in pila? Se si specifica l'attributo colors nella mia funzione MakeBarChart, prende solo il primo parametro. E rende le altre colonne una versione più leggera di quel colore. Questo è quello che sembra;

E questo è il codice;

function MakeBarChart(tmpData) 
 
{ \t 
 
\t var barArray = []; 
 
\t barArray.push(['', 'Open', 'Wachten', 'Opgelost']); 
 
\t for (key in tmpData) { 
 
\t \t if (tmpData.hasOwnProperty(key)) { 
 
\t \t \t barArray.push(['Week' + key, tmpData[key]['active'], tmpData[key]['waiting'], tmpData[key]['closed']]) 
 
\t \t } 
 
\t } 
 

 
\t var data = google.visualization.arrayToDataTable(
 
\t \t barArray 
 
\t); 
 
\t 
 
\t var options = { 
 
\t \t chart: { 
 
\t \t title: 'Incidenten per week', 
 
\t \t subtitle: '', 
 
\t  'width':450, 
 
\t  'height':300, 
 
    }, 
 
    bars: 'vertical', // Required for Material Bar Charts. 
 
\t \t 'backgroundColor':{ fill:'transparent' }, 
 
\t \t isStacked: true, 
 
\t \t colors:['#000','#1111','#55555'] 
 
\t }; 
 

 
\t var chart = new google.charts.Bar(document.getElementById('barchart_material')); 
 
\t chart.draw(data, google.charts.Bar.convertOptions(options)); 
 
}

Come posso fare la colonna di tutti hanno il loro proprio colore separato.

Answer 1

Il problema riguarda i valori dei colori, non sono in un formato RGB corretto.

valori corretti saranno:
o valori esadecimali RGB (con valore 2 cifre esadecimale per colore) come '# 00CC88' o
sia valori esadecimali RGB (con valore esadecimale 1 cifra per colore) come '# 0C8' oppure
o un nome di colore valido.

così invece di

colors:['#000','#1111','#55555'] // wrong values (2nd and 3rd values) 

provare

colors:['#11AA77','#999922','#550077'] 

o

colors:['#1A7','#992','#507'] 

o si può anche fare

colors:['red','darkgreen','yellow'] 

Vedere un esempio jsfiddle qui: https://jsfiddle.net/rdtome/2vjLc0q0/