首页 > 解决方案 > 如何根据条形图的值更改条形图颜色并向其添加注释 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();

标签: javascriptgoogle-visualization

解决方案


推荐阅读