Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Google可视化组合图-无法读取属性';minorTextOpacity';空的_Javascript_Charts_Google Visualization - Fatal编程技术网

Javascript Google可视化组合图-无法读取属性';minorTextOpacity';空的

Javascript Google可视化组合图-无法读取属性';minorTextOpacity';空的,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,我使用谷歌可视化图表和ComboChart已经有一段时间了,它一直在工作 我没有更改任何内容,在加载组合图时突然收到以下google可视化错误消息:无法读取null的属性“minortextopicity”。 怎么了?谷歌改变了ComboChart的使用吗 下面是我的一些代码片段: load('current',{'packages':['corechart','controls']}); google.charts.setOnLoadCallback(drawChart); 函数绘图图(){

我使用谷歌可视化图表和ComboChart已经有一段时间了,它一直在工作

我没有更改任何内容,在加载组合图时突然收到以下google可视化错误消息:
无法读取null的属性“minortextopicity”。

怎么了?谷歌改变了ComboChart的使用吗

下面是我的一些代码片段:


load('current',{'packages':['corechart','controls']});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable({{{{consumdata}}});
var dashboard=new google.visualization.dashboard(
document.getElementById('dashboard_div');
var myRangeSloider=新的google.visualization.ControlWrapper({
controlType:'DateRangeFilter',
containerId:“过滤器分区”,
选项:{
filterColumnLabel:'日期',
ui:{格式:{模式:'yyyy/MM/dd'},
步骤:'天',
cssClass:“筛选日期”
}
}
});
var ochart=new google.visualization.ChartWrapper({
chartType:'ComboChart',
集装箱运输:“ochart_div”,
选项:{
焦点目标:“类别”,
curveType:'函数',
宽度:1100,
身高:300,
言辞:[
{
标题:“[kWh]”,
viewWindowMode:“显式”,
最小值:0,
最大值:2000,
视图窗口:{min:0,max:2000},
},
{
标题:“[m³]”,
viewWindowMode:“显式”,
最小值:0,
最大值:10,
视图窗口:{min:0,max:10},
},                
],            
系列:{
0:{type:'line',targetAxisIndex:0},
1:{type:'line',targetAxisIndex:0},
2:{type:'line',targetAxisIndex:1},
},
哈克斯:{
格式:“YYYY-MM”
},
图表区域:{宽度:950,高度:250},
图例:{位置:'top'},
厚度:1,
颜色:[“绿色”、“红色”、“蓝色”],
},
视图:{
列:[0,2,3,4]
}
});
var cchart=新的google.visualization.ChartWrapper({
图表类型:“线条图”,
集装箱运输:“cchart_div”,
选项:{
焦点目标:“类别”,
curveType:'函数',
宽度:1100,
身高:300,
言辞:[
{ 
标题:“[kWh]”,
viewWindowMode:“显式”,
最小值:0,
最大值:1000,
视图窗口:{min:0,max:1000},
},
{标题:“[°C]”,
viewWindowMode:“显式”,
最小值:-10,
最大值:20,
视图窗口:{min:-10,max:20},
},
],
系列:{
0:{type:'line',targetAxisIndex:0},
1:{type:'line',targetAxisIndex:1},
},
哈克斯:{
格式:“YYYY-MM”
},
图表区域:{宽度:950,高度:250},
图例:{位置:'top'},
厚度:1,
颜色:[“绿色”、“橙色”],
},
视图:{
列:[0,2,5]
}
});
dashboard.bind(myRangeSlaider,[ochart,cchart]);
仪表盘.绘图(数据);
}
图1

图2

注意:折线图工作正常。

它可能是在
当前版本中更改的

google.charts.load('current', {'packages':['corechart', 'controls']});
尝试使用以前保存的版本,以查看其是否有效。
请参阅,单击右侧的发布日期以查看版本号

2020年2月保存的版本(47)

2018年10月保存的版本(46)

2017年6月保存的版本(45.2)


等等

您是否使用
jsapi
加载谷歌图表?请分享
load
语句好吗?如上所述,我已经清理并简化了代码。现在完成脚本和html。Load语句是常见的。再一次,折线图工作了…还有滑块。是的,谢谢!!!事实上,第47版是有效的。所以谷歌在当前版本中改变了一些东西:-(
google.charts.load('47', {'packages':['corechart', 'controls']});
google.charts.load('46', {'packages':['corechart', 'controls']});
google.charts.load('45.2', {'packages':['corechart', 'controls']});