我使用Google API做了一个包含3个图形的小页面。
一切都很完美。然而,从一个时刻到另一个时刻坠毁。
在该地方的图表中出现此消息:bL不是功能
有人可以向我解释为什么会这样吗?
我的示例working:
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script>
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Date');
data.addColumn('number', '2015');
data.addColumn('number', '2014');
data.addRows([
['Jan', 197680, 241921],
['Fev', 183619,205572],
['Mar', 205643,214666],
['Abr', 205643,202097],
['Mai', 0,210007],
['Jun', 0,202434],
['Jul', 0,217502],
['Ago', 0,175038],
['Set', 0,206510],
['Out', 0,209802],
['Nov', 0,197122],
['Dez', 0,162796]
]);
var options = {
title: 'Energia 2014/2015',
titleTextStyle: {color: 'white', fontSize: '18'},
chart_M: 'function',
legend: {textStyle: {color: 'white'}},
colors: ['#0099FF', '#11334c'],
backgroundColor: "transparent",
hAxis: {title: '',
textStyle: {
color: '#C8C8C8'
}},
vAxis: {title: '',
textStyle: {
color: '#C8C8C8'
}}
};
var chart = new google.visualization.ColumnChart(document.getElementById('chart_energy'));
chart.draw(data, options);
}
</script>
这就是它的工作方式。
从一个时刻到另一个时刻是如此。
答案 0 :(得分:4)
您的信息页包含gauge
,line
和column
图表。因此,除了google.load("visualization", "1", {packages:["gauge"]});
之外,我还假设您已拨打google.load("visualization", "1", {packages:["corechart"]});
。
具有单独加载调用的不同软件包似乎在昨天之前正常加载。但由于某种原因,今天没有加载一个或多个软件包,这就是我得到类似例外的原因。
将单独的加载调用更改为google.load("visualization", "1", {packages:["corechart","gauge"]});
之类的调用应该可以使其正常工作。
答案 1 :(得分:2)
我遇到了同样的问题,即使图表工作较早,它也刚刚开始发生。
编辑:我发现在我的情况下,多次调用google.load来加载两个不同的可视化软件包。我发现如果你一次加载两个包它就会解决这个错误。
答案 2 :(得分:1)
感谢您的回复。
我改变了它
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
到此:
<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['corechart']}]}"></script>
它对我来说很好。
非常奇怪,但事实是它正在发挥作用。