未捕获的ReferenceError:未定义谷歌(谷歌图表)

时间:2015-06-22 13:34:55

标签: javascript jquery google-visualization

我尝试使用Google Chart。以下行在控制台中给出了一个错误:

google.load("visualization", "1", { packages:["corechart"] });
  

未捕获的ReferenceError:谷歌未定义

这是我的整个JS文件

'use strict';

define(['jquery','google-pie-chart'], function($) {

  $(function() {

    var section_num = $('#as-section-num');
    var problem_set = $('#as-problem-set');
    var start_time = $('#as-start-time');
    var student_am = $('#as-student-am');
    var due_time = $('#as-due-time');
    var submit = $('#as-submit');
    var avg_score = $('#as-avgscore');

    var danger = $('#pc-danger');
    var warning = $('#pc-warning');
    var success = $('#pc-success');


    var basePath = "/BIM/resources/js/reports/section-exercise/";


    $.ajax({

      url: basePath + "data-r.json",
      type: "GET",
      dataType : "json",

      success: function( data ) {


        function updateInfo(x) {

          section_num.html(data[x].section_num);
          problem_set.html(data[x].problem_set);
          start_time.html(data[x].start_time);
          student_am.html(data[x].student_am);
          due_time.html(data[x].due_time);
          submit.html(data[x].submit);
          avg_score.html(data[x].avg_score);
          danger.html(data[x].danger);
          warning.html(data[x].warning);
          success.html(data[x].success);

        }

         // Load the Visualization API and the piechart package.
         google.load("visualization", "1", {packages:["corechart"]});
         google.setOnLoadCallback(drawChart());

         function drawChart() {

           var options = {
            width: 160,
            height: 160,
            chartArea: {
              left: 10,
              top: 20,
              width: "100%",
              height: "100%"
            },


            colors: ['#F46E4E',  '#F9C262' , '#ADB55E',],
            legend: 'none',
            enableInteractivity: false,
            pieSliceText: 'none',

          };

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

          var x = {};

          for (var object in data) {

            console.log(object);

            var total = data[object].danger + data[object].warning + data[object].success ;

            x['data_'+object] = google.visualization.arrayToDataTable([

              ['Piechart' , 'Number of Skills'],
              ['danger'   , ( data[object].danger/total )  * 100  ],
              ['warning'  , ( data[object].warning/total ) * 100  ],
              ['success'  , ( data[object].success/total ) * 100  ],

              ]);

          }

          chart.draw( x.data_A , options);

          $('#group-a').click(function() {
            updateInfo("A");  chart.draw( x.data_A , options);
          });
          $('#group-b').click(function() {
            updateInfo("B");  chart.draw( x.data_B , options);
          });
          $('#group-c').click(function() {
            updateInfo("C");  chart.draw( x.data_C , options);
          });
          $('#group-d').click(function() {
            updateInfo("D");  chart.draw( x.data_D , options);
          });

        }

      },

      error: function( xhr, status, errorThrown ) {
        alert( "Sorry, there was a problem!" );

        console.log( "Error: " + errorThrown );
        console.log( "Status: " + status );
        console.dir( xhr );
      },


    });

});

});

我做错了什么?任何提示/建议?

我需要在某处包含某些内容吗?

请劝告。

0 个答案:

没有答案