Google条形图中的可变颜色

时间:2015-10-02 11:42:43

标签: charts colors google-visualization

我有一个调查网络应用程序,可以为Google Chart提供许多不同类型的问题。实际上有26个。我需要根据问题情况更改条形的颜色。我可以通过复制每个中的 var options if(questioncase ='X') 26次来实现这一点 - 但我希望为捷径。任何想法都将一如既往地受到高度赞赏。

var options = {
 //width:w,
 width:500,
 height:h,
 isStacked:true,
 chartArea:{height:chartHeight,left:l,width:cw},
 backgroundColor:'transparent',
 bar:{groupWidth:'80%'},
 tooltip: {isHtml:true},
 legend:{position:pos,maxLines:50},
 hAxis: {title: 'Percentage',minValue:0,maxValue:100},
 hAxis: { textPosition: 'none',ticks: [0]},
 colors: ['#eeeeee', '#eeeeee', '#e4d00a', '#b30000', '#990000']
 }

if (questioncase == 'A') {

    var options = {
        colors: ['#134e13', '#008900', '#e4d00a', '#b30000', '#990000']
    }
}

1 个答案:

答案 0 :(得分:1)

您可以重复使用相同的options对象,只需更改colors属性。

if (questioncase == 'A') {
  options.colors = ['#134e13', '#008900', '#e4d00a', '#b30000', '#990000'];
}