The code below is my current code for the barchart, i want to make the bar change color based on the value of the bar (eg) <50 =red, 50-70 =yellow, >70= green. And also add a annotation for the value beside the bar. I have tried using displayAnnotations:True, but it didn't work for me. I am still new to coding so any help will be appreciated. Thanks! The columns for score is 2.
var ScorePerSubject= new google.visualization.ChartWrapper({
'chartType': 'BarChart',
'containerId': 'ScoreChart',
'options': {
'width': 570,
'height': 100,
'legend': 'right',
'cssClassNames': cssClassNames,
hAxis: {
viewWindowMode:'explicit',
viewWindow: {
max:100,
min:0
}
},
},
'dataTable': ScoreofSubjects,
'view':
{
columns: [1,2]
}
});
ScorePerSubject.draw();