javascript - 如何根据条形图的值更改条形图颜色并向其添加注释 GoogleCharts
问题描述
下面的代码是我当前的条形图代码,我想让条形图根据条形图的值改变颜色(例如)<50 =red,50-70 =yellow,>70=green。并且还为栏旁边的值添加注释。我曾尝试使用 displayAnnotations:True,但它对我不起作用。我对编码还是很陌生,所以任何帮助都将不胜感激。谢谢!分数的列是 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();
解决方案
推荐阅读
- django - 使用 Django 的 nginx 服务器失败(13:权限被拒绝)
- python - 使用其关联的数值集中类别类型
- python - 如何使用动态逻辑和组获取熊猫记录之间的差异?
- python-3.x - 在列表理解中使用具有多个 for 循环和算法的方法
- html - 如何在 RMarkdown 中使用 css 自定义段落
- python - 遍历 df 并用 dict 替换值
- video - ffmpeg 视频淡入淡出效果不成功 - 没有过渡或第二个视频
- php - 如何防止会话过期?我已经尝试了一切,但没有任何效果
- javascript - 需要解析字符串的 key:object (JavaScript)
- android - Jetpack Compose 互操作性:缺少按钮高度