Google可视化-类型错误:无法读取未定义[特定于Chrome]的属性'DataTable'

44u64gxh  于 2023-03-16  发布在  Go
关注(0)|答案(2)|浏览(121)

我正在使用谷歌可视化库,我的应用程序工作正常,我无法弄清楚如何在Chrome(特别是)这个错误开始出现。

function drawVisualization() {

var data = new google.visualization.DataTable(countArray);

// Declare columns
data.addColumn('date', 'Day');
data.addColumn('number', 'Person');

// Add data.
data.addRows(countArrayFinal);

// Create and draw the visualization.
new google.visualization.LineChart(document.getElementById('visualization')).draw(data, {
    title: 'Performance',
    width : 700,
    height : 300,
    vAxis : {
        maxValue : 4000
    }
});
}drawVisualization();
pzfprimi

pzfprimi1#

发生此错误是因为未加载google可视化。
drawVisualization函数下面添加以下内容:

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

代替

drawVisualization();
2admgd59

2admgd592#

我在使用Google Charts时也遇到过类似的问题,但这并没有解决它,因为.setOnLoadCallback()方法没有等待库加载,所以我不得不将该函数转换为异步,并在google.load()方法之前使用await关键字,强制它等待库加载:

function async drawVisualization() {     
await google.charts.load('current', {packages: ['corechart', 'line']});
google.charts.setOnLoadCallback($scope.dibujarGrafica(cantidadDeCadaIntervalo, modo));

...

相关问题