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 Documentation：

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

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

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

日历图表功能不是在Angular.JS中调用的gettiing

1 个答案: