javascript - 无法获取属性“DataTable”的值：对象为空或未定义

Question

IE 使用谷歌可视化 api 失败

我的 javascript 在 domcententloaded 上运行，但在尝试使用时一开始就失败了。

    document.addEventListener("DOMContentLoaded", function drawChart() {
        alert("1");
        google.load('visualization', '1.0', { 'packages': ['corechart'] });
        // Create the data table.
        var data = new google.visualization.DataTable(); //this fails
        ...});

我用的是ie9

Answer 1

一般来说，没有充分的理由等待文档加载来加载可视化 API（实际上可能会导致问题，因为 google 加载器在从其他函数调用时会表现得很奇怪）。将您的可视化代码放在一个函数中，并使用来自 Google 加载器的回调来绘制您的可视化：

function drawVisualization () {
    var data = new google.visualization.DataTable();
    // rest of visualization code
}
google.load('visualization', '1', {packages: ['corechart'], callback: drawVisualization});

Answer 2

google.visualization 对象不再加载；）

尝试这个 ：

function onready_visualization() {
 var data = new google.visualization.DataTable(); //this fails
};

document.addEventListener("DOMContentLoaded", function drawChart() {
        alert("1");
        google.load('visualization', '1.0', { 'packages': ['corechart'], 'callback': onready_visualization });
        // Create the data table.
        //...
});