【问题标题】：Uncaught ReferenceError: google is not defined (Google Chart)Uncaught ReferenceError: google is not defined (Google Chart)
【发布时间】：2015-08-11 04:17:17
【问题描述】：

我是require.js 的新手。我正在尝试显示 Google 饼图。我可以在我的JSFiddle 中使用它。

问题

然后，当我将它们移到我的实际项目中时，它就不起作用了。我的真实项目使用require.js

在我的路径中，我这样声明

'piechart' : 'reports/section-exercise/piechart',

在我的 piechart.js 中，我有这样的：

'use strict';

define(['jquery' ], function ($) {

  $(function () {

    google.setOnLoadCallback(drawChart);

    function drawChart() {

      var data = google.visualization.arrayToDataTable([
        ['Task', 'Hours per Day'],
        ['l', 23],
        ['m', 30],
        ['h', 47],

        ]);

      var options = {
        width: 200,
        height: 200,
        chartArea: {
          left: 10,
          top: 20,
          width: "100%",
          height: "100%"
        },
        colors: ['#F46E4E', '#ADB55E', '#F9C262'],
        legend: 'none',
        enableInteractivity: false,
        pieSliceText: 'none',

      };

      var chart = new google.visualization.PieChart(document.getElementById('piechart'));

      chart.draw(data, options);
    }

  });

});

包括

我在我的 HTML 文件中添加了这个链接

 <link rel="stylesheet" type="text/css" href="https://www.google.com/jsapi?autoload={%27modules%27:[{%27name%27:%27visualization%27,%27version%27:%271.1%27,%27packages%27:[%27corechart%27]}]}">

结果

错误信息

然后，当我单击右侧的文件时，它会将我重定向到这一行：

如何停止该错误并再次显示我的图表？

我的包含链接如何？我在 JSFiddle 中使用了与 external resources 相同的一个，它可以工作。

【问题讨论】：

嗯，您向我们展示的包含链接是 CSS 样式表，而不是脚本
愚蠢的我。感谢您指出。让我现在尝试修复它。
其实看文件，它是 javascript，但是你把它放在了link标签中。让它<script src="url"></script>
@Tom：谢谢你的帮助。 :)

标签： javascript jquery css google-visualization require

【解决方案1】：

您需要将该 URL 包含为 JavaScript，但您将其包含为 CSS。你需要这个：

<script src="..."></script>

而不是这样：

<link rel="stylesheet" type="text/css" href="...">

【讨论】：