Javascript 谷歌折线图颜色?

Javascript 谷歌折线图颜色?,javascript,html,css,charts,google-visualization,Javascript,Html,Css,Charts,Google Visualization,我想在谷歌折线图中改变背景色(变成#262626)和字体颜色(变成白色)。我还想通过单击按钮隐藏一行。有人知道我怎么解决这个问题吗 我用了这个图表: 谢谢你的帮助:) var S1=81; var S2=77; var S3=71; var S4=69; var S5=92; var S6=169; var S7=218; var S8=169; var S9=0; var S10=0; var S11=0; var S12=0; var S13=0; load('current',{'pa

我想在谷歌折线图中改变背景色(变成#262626)和字体颜色(变成白色)。我还想通过单击按钮隐藏一行。有人知道我怎么解决这个问题吗

我用了这个图表:

谢谢你的帮助:)

var S1=81;
var S2=77;
var S3=71;
var S4=69;
var S5=92;
var S6=169;
var S7=218;
var S8=169;
var S9=0;
var S10=0;
var S11=0;
var S12=0;
var S13=0;
load('current',{'packages':['line']});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable([
['Tag','Deine Preise','Verlauf 1','Verlauf 2','Verlauf 3'],
[周一上午11点,S1,150,110,100],
[‘星期一下午’、S2、140、105、90],
[‘星期二上午’、S3、130、100、78],
[‘周二下午’、中四、120、140、60],
[Wed AM',S5,110,120,100],
[‘星期三下午’,中六,100,200,140],
[星期四上午7时90分380分180分],
[下午四时,S8、80、240、130],
[Fri AM',S9,70,200,90],
[Fri PM',S10,60,120,78],
[Sat AM',S11,50,100,60],
[周六下午12点、40点、90点、57点]
]);
变量选项={
宽度:1100,
身高:600,
颜色:[“2979FF”、“FF7728”、“E8471A”、“FF2D1C”],
图表:{
标题:“Preis”,
副标题:“贝斯皮伦的维劳夫”,
},
}
var chart=new google.charts.Line(document.getElementById('curve_chart');
图表绘制(数据、选项);
}
正文{
背景:#262626;
}

指数
首先,使用材质图表时,需要将选项转换为材质选项,
使用以下静态方法

google.charts.Line.convertOptions(options)
至于背景色,您可以使用以下选项

backgroundColor: {
  fill: '#262626'
},
可以使用以下选项应用文本颜色

titleTextStyle: {
  color: '#ffffff'
},
hAxis: {
  textStyle: {
    color: '#ffffff'
  }
},
vAxis: {
  textStyle: {
    color: '#ffffff'
  }
}
至于隐藏一行,下面的工作代码段包括一个单击图例条目以隐藏/显示该行的示例

var S1=81;
var S2=77;
var S3=71;
var S4=69;
var S5=92;
var S6=169;
var S7=218;
var S8=169;
var S9=0;
var S10=0;
var S11=0;
var S12=0;
var S13=0;
var color=['石灰','青色','洋红','黄色'];
google.charts.load('46'{
“包”:[“行”]
});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable([
['Tag','Deine Preise','Verlauf 1','Verlauf 2','Verlauf 3'],
[周一上午11点,S1,150,110,100],
[‘星期一下午’、S2、140、105、90],
[‘星期二上午’、S3、130、100、78],
[‘周二下午’、中四、120、140、60],
[Wed AM',S5,110,120,100],
[‘星期三下午’,中六,100,200,140],
[星期四上午7时90分380分180分],
[下午四时,S8、80、240、130],
[Fri AM',S9,70,200,90],
[Fri PM',S10,60,120,78],
[Sat AM',S11,50,100,60],
[周六下午12点、40点、90点、57点]
]);
变量选项={
宽度:1100,
身高:600,
颜色:[“2979FF”、“FF7728”、“E8471A”、“FF2D1C”],
图表:{
标题:“Preis”,
副标题:“贝斯皮伦的维劳夫”,
},
背景颜色:{
填写:“#262626”
},
titleTextStyle:{
颜色:“#ffffff”
},
哈克斯:{
文本样式:{
颜色:“#ffffff”
}
},
言辞:{
文本样式:{
颜色:“#ffffff”
}
},
颜色:[‘青色’、‘黄色’、‘洋红’、‘酸橙’]
}
var chart=new google.charts.Line(document.getElementById('curve_chart');
var列=[];
var级数={};
对于(var i=0;i0){
系列[i-1]={};
}
}
google.visualization.events.addListener(图表,'select',函数(){
var sel=chart.getSelection();
//如果选择长度为0,则取消选择一个元素
如果(选择长度>0){
//如果行为空,则单击图例
如果(sel[0]。行===null){
var col=sel[0]。列;
if(列[col]==col){
//隐藏数据系列
列[col]={
标签:data.getColumnLabel(col),
类型:data.getColumnType(col),
计算:函数(){
返回null;
},
};
//灰色显示图例条目
系列[col-1]。颜色='#cccc';
}
否则{
//显示数据系列
列[col]=col;
系列[col-1]。颜色=null;
}
options.series=系列;
var view=newgoogle.visualization.DataView(数据);
view.setColumns(列);
chart.draw(视图,google.charts.Line.convertOptions(选项));
}
}    
});
chart.draw(数据,google.charts.Line.convertOptions(选项));
}
正文{
背景:#262626;
}

指数
首先,使用材质图表时,需要将选项转换为材质选项,
使用以下静态方法

google.charts.Line.convertOptions(options)
至于背景色,您可以使用以下选项

backgroundColor: {
  fill: '#262626'
},
可以使用以下选项应用文本颜色

titleTextStyle: {
  color: '#ffffff'
},
hAxis: {
  textStyle: {
    color: '#ffffff'
  }
},
vAxis: {
  textStyle: {
    color: '#ffffff'
  }
}
至于隐藏一行,下面的工作代码段包括一个单击图例条目以隐藏/显示该行的示例

var S1=81;
var S2=77;
var S3=71;
var S4=69;
var S5=92;
var S6=169;
var S7=218;
var S8=169;
var S9=0;
var S10=0;
var S11=0;
var S12=0;
var S13=0;
var color=['石灰','青色','洋红','黄色'];
google.charts.load('46'{
“包”:[“行”]
});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable([
['Tag','Deine Preise','Verlauf 1','Verlauf 2','Verlauf 3'],
[周一上午11点,S1,150,110,100],
[‘星期一下午’、S2、140、105、90],
[‘星期二上午’、S3、130、100、78],
[‘周二下午’、中四、120、140、60],
[星期三上午5点]