Google Chart错误:b.L不是函数

时间:2015-04-17 08:20:19

标签: javascript php html charts

我使用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>

这就是它的工作方式。

enter image description here

从一个时刻到另一个时刻是如此。

enter image description here

3 个答案:

答案 0 :(得分:4)

您的信息页包含gaugelinecolumn图表。因此,除了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>

它对我来说很好。

非常奇怪,但事实是它正在发挥作用。