kolor wskaźnika legendy nie zmienia się wraz z kolorem na wykresach google - go-wizualizacja

Pracuję z mapami Google. Chciałem zmienić kolory paska na wykresie. Więc używając stylu serii zmieniłem kolor paska. Ale jednocześnie chciałem zmienić kolor wskaźnika Legend również na kolor paska. Ale nie mogę zmienić koloru wskaźnika legendy. Proszę pomóż mi.

tutaj jest kod wykresu:

 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);
}

Dostaję taki wykres

Odpowiedzi:

Tak jak @asgallant wyjaśnione w jego komentarzu, jeśli chcesz tego samegokolory pasków i legendy, musisz zastąpić domyślną serię kolorów, a nie kolor pasków. Aby to zrobić, w obiekcie opcji dodaj color właściwość, która będzie zawierać niestandardową serię kolorów (tablicę). W Twoim przypadku:

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"]
};