Angularjs 中未调用日历图表功能答案

【问题标题】：Calendar chart function is not gettiing called in Angular.JSAngularjs 中未调用日历图表功能
【发布时间】：2016-05-31 11:54:44
【问题描述】：

我使用AngularJS创建日历图表，但不知道为什么我的日历图表函数没有被调用，请指导我。

我的日历图表文件如下：

$.getScript("https://www.google.com/jsapi", function () {
    google.load('visualization', '1.1' , { 'callback':  'calenderchart()', 'packages': ['calendar'] });
    //{packages:["calendar"]})
});


function calenderchart() {

//$scope.visitdetails_calender = data;
//console.log('calender chart', $scope.visitdetails_calender);



       var dataTable = new google.visualization.DataTable();
       dataTable.addColumn({ type: 'date', id: 'Date' });
       dataTable.addColumn({ type: 'number', id: 'Won/Loss' });
       dataTable.addRows([
          [ new Date(2012, 3, 13), 37032 ],
          [ new Date(2012, 3, 14), 38024 ]
        ]);

       var chart = new google.visualization.Calendar(document.getElementById('calendar_basic'));

       var options = {
         title: "Red Sox Attendance",
         height: 350,
       };

       chart.draw(dataTable, options);

        ///alert("test");
        //new google.visualization.DataTable();

    }

下面给出的错误

VM47932:1 Uncaught ReferenceError: calenderchart is not defined

【问题讨论】：

标签： angularjs charts google-visualization jsapi

【解决方案1】：

寻找Google Loader Documentation：

回调：脚本加载后调用的函数。如果使用自动加载功能，这必须指定一个函数名，而不是函数参考。

所以你的代码应该是这样的：

$.getScript("https://www.google.com/jsapi", function () {
    google.load('visualization', '1.1' , { 'callback':  calenderchart, 'packages': ['calendar'] });
    //{packages:["calendar"]})
});

【讨论】：