Javascript 谷歌图表列着色？

我怎样才能改变谷歌材料柱形图中两列的颜色

这是我的选项代码：

var options = {
        chart: {
            title: 'Event Posting',
            subtitle: 'Kairos event posting and student registration',
            colors: ['#b0120a', '#ffab91'],
        }
    };

---

“颜色”属性不起作用。

对我来说，这些颜色似乎起作用，但为什么您的选项数组是options.chart？看起来“颜色”属性应该是选项的根，例如：

google.charts.load（'current'，{packages:['corechart'，'bar']}）；
google.charts.setOnLoadCallback（drawMaterial）；
函数drawMaterial（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'timeofday'，'Time of Day'）；
data.addColumn（'number'，'Motivation Level'）；
data.addColumn（'编号'，'能级'）；
data.addRows([
[{v:[8,0,0]，f:'8am'}，1,25]，
[{v:[9,0,0]，f:'9 am'}，2,5]，
[{v:[10,0,0]，f:'10AM'}，3,1]，
[{v:[11,0,0]，f:'11 am'}，4,2.25]，
[{v:[12,0,0]，f:'12 pm'}，5,2.25]，
[{v:[13,0,0]，f:'1 pm'}，6,3]，
[{v:[14,0,0]，f:'2pm'}，7,4]，
[{v:[15,0,0]，f:'3 pm'}，8,5.25]，
[{v:[16,0,0]，f:'4 pm'}，9,7.5]，
[{v:[17,0,0]，f:'5 pm'}，10,10]，
]);
变量选项={
标题：“全天的动力和能量水平”，
哈克斯：{
标题：“一天中的时间”，
格式：“h:mm a”，
视图窗口：{
最小值：[7,30,0]，
最大值：[17,30,0]
}
},
言辞：{
标题：“评级（1-10分制）”
},
颜色：[
“#00f”，
"ff0"
]
};
var materialChart=new google.charts.Bar（document.getElementById（'chart_div'）；
材料图表绘制（数据、选项）；
}

---

这是正确的，

颜色应位于根目录下，且不包含在
图表
中——此外，以下静态方法应用于材质图表，以确保选项正常工作-->
google.charts.Bar.convertOptions