la couleur de l'indicateur de légende ne change pas avec la couleur des barres dans Google Maps - google-visualization

Je travaille avec Google charts. Je voulais changer les couleurs de la barre dans le graphique. Donc, en utilisant le style de série, j'ai changé la couleur de la barre. Mais en même temps, je voulais changer la couleur de l'indicateur de légende également en fonction de la couleur de la barre. Mais je suis incapable de changer la couleur de l'indicateur de légende. Aidez-moi, s'il vous plaît.

voici le code de la carte:

 google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart3);
function drawChart3() {
var data = google.visualization.arrayToDataTable([
["Priority", "Resolution(%)",{ role: "annotation" },"ESL(%)",{ role: "annotation" },{ role: "style" }],
["P1", <%=P1_PERCENT %>,<%=P1_PERCENT%>,95,95,"color: #fcb441" ],
["P2", <%=P2_PERCENT%>,<%=P2_PERCENT%>,95,95,"color: #fcb441" ],
["P3 & P4", <%=P3_P4_PERCENT%>,<%=P3_P4_PERCENT%>,90,90,"color: #fcb441" ]
]);

var options = {
tooltip:{textStyle:{fontName:""Arial""}},
title: "Resolution(Priority Wise)",titleTextStyle:{fontName:""Arial""},
hAxis: {title: "Priority", titleTextStyle: {color: "black",fontSize:"15",fontName:""Arial""}},
vAxis: {minValue:0},
legend:{position: "bottom"},
chartArea:{width:"88%"}
};

var chart = new google.visualization.ColumnChart(document.getElementById("g4"));
chart.draw(data, options);
}

Je reçois un tableau comme ça

Réponses:

Comme @asgallant expliqué dans son commentaire, si vous voulez la même chosecouleurs pour les barres et la légende, vous devez écraser la série de couleurs par défaut et non la couleur des barres. Pour cela, dans l’objet options, ajoutez le color propriété qui contiendra votre série de couleurs personnalisée (tableau). Dans ton cas:

var options = {
tooltip:{textStyle:{fontName:""Arial""}},
title: "Resolution(Priority Wise)",titleTextStyle:{fontName:""Arial""},
hAxis: {title: "Priority", titleTextStyle: {color: "black",fontSize:"15",fontName:""Arial""}},
vAxis: {minValue:0},
legend:{position: "bottom"},
chartArea:{width:"88%"},
colors: ["#fcb441", "blue"]
};