angularjs - 在 Angular.JS 中没有调用日历图表功能

Question

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

Answer 1

查看Google Loader 文档：

callback：脚本加载后调用的函数。如果使用自动加载功能，则必须指定函数名称，而不是函数引用。

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

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