一个系列,多种颜色,谷歌图表组合图表

时间:2012-12-12 06:39:37

标签: javascript charts

我只有一个系列有以下代码。由于我正在使用的数据,我无法添加另一个系列 - 我提出的挑战是在条形图上设置不同颜色的条形。有什么建议吗?

var options = {
title:selVal + ': Electricity Consumption Yearly % Change',
legend:{alignment:'center', position:'bottom'},
vAxis:{title:'Yearly % Change', format:'#,###%'},
seriesType: "bars",
width:600, 
height:300
};

2 个答案:

答案 0 :(得分:0)

您可以通过在选项

中提供一系列颜色来提供多种颜色
var options = {
title:selVal + ': Electricity Consumption Yearly % Change',
legend:{alignment:'center', position:'bottom'},
vAxis:{title:'Yearly % Change', format:'#,###%'},
seriesType: "bars",
width:600, 
height:300,
colors: ["red","blue","green"]
};

答案 1 :(得分:0)

var options = {
          legend: 'none',
          series: {
            0: { color: '#e2431e' },
            1: { color: '#e7711b' },
            2: { color: '#f1ca3a' },
            3: { color: '#6f9654' },
            4: { color: '#1c91c0' },
            5: { color: '#43459d' },
          }
        };