Charts 谷歌材料折线图-背景颜色不可能与材料图表?

Charts 谷歌材料折线图-背景颜色不可能与材料图表?,charts,google-visualization,background-color,linechart,Charts,Google Visualization,Background Color,Linechart,因此,似乎没有办法改变谷歌材质折线图的背景色 我在经典图表上做得很好,但我想知道这是我一个人做的,还是材料图表做不到 JSFiddle: jsfiddle.net/698jukbb 请让我知道,无论如何,你可以使它工作 非常感谢 Fred对于材质图表,需要设置选项-->backgroundColor.fill 和/或-->chartArea.backgroundColor backgroundColor: { fill: 'magenta' }, chartArea: { backgro

因此,似乎没有办法改变谷歌材质折线图的背景色

我在经典图表上做得很好,但我想知道这是我一个人做的,还是材料图表做不到

JSFiddle: jsfiddle.net/698jukbb

请让我知道,无论如何,你可以使它工作

非常感谢

Fred

对于材质图表,需要设置选项-->
backgroundColor.fill

和/或-->
chartArea.backgroundColor

backgroundColor: {
  fill: 'magenta'
},
chartArea: {
  backgroundColor: 'cyan'
},
也不要忘记转换选项

google.charts.Line.convertOptions(材质选项)


请参阅以下工作片段

google.charts.load('current'{
回调:图纸,
包:['line','corechart']
});
函数绘图图(){
var chartDiv=document.getElementById('chart_div');
var data=new google.visualization.DataTable();
data.addColumn('date','Month','Day','Hour','Min');
data.addColumn('编号',“电池电量”);
data.addColumn('数字',“太阳能输出”);
data.addRows([
[新日期(2014年1月1日8日10日),-5日5.7],
[新日期(2014年1月1日8月20日),.4日8.7],
[新日期(2014年1月1日8月40日)和2014年5月12日],
[新日期(2014年1月1日8日45分)、2.9日15.3分],
[新日期(2014年1月1日8月60日),6.3日18.6],
[新日期(2014年1月1日9月5日)、9月20日],
[新日期(2014年1月1日9月12日),10.6日19.8],
[新日期(2014年1月1日、9月18日)、10.3日、16.6日],
[新日期(2014年1月1日9日28日),7.4日13.3],
[新日期(2014年1月1日9月38日),4.4日9.9],
[新日期(2014年1月1日9日48分)、1.1日6.6分],
[新日期(2014年1月1日9月58日)-.2日4.5]
]);
变量材料选项={
身高:300,
图表:{
标题:“太阳能和电池概述”,
},
背景颜色:{
填充:“洋红”
},
图表区:{
背景颜色:“青色”
},
系列:{
//为每个系列指定一个与下面的Y轴匹配的轴名称。
0:{axis:'Temps'},
1:{轴:'日光'}
},
轴线:{
//向每个轴添加标签;标签不必与轴名称匹配。
y:{
温度:{标签:'电池电量'},
日光:{标签:“太阳能输出”}
}
}
};
函数drawMaterialChart(){
var materialChart=新的google.charts.Line(chartDiv);
materialChart.draw(数据,google.charts.Line.convertOptions(materialOptions));
}
drawMaterialChart();
}

非常感谢,我不知道转换选项:(!