Google 图表不接受格式正确的数组作为行数据

Question

在我提问之前，我只想指出我已经尝试 this 回答，但它对我不起作用。这不是一个重复的问题。

我正在将一个数组作为行数据插入到 Google 图表中，但是我在控制台中收到错误 Uncaught Error: Every row given must be either null or an array.。

在控制台中记录我的数组时，它看起来像这样：[1, 1.96, 1.96, 1.96]这与 the docs 中显示的普通数组的格式完全相同，但它仍然被拒绝。

这是为什么？我已经尝试了很多东西，但我无法让它工作。

这是我的代码：

google.load('visualization', '1.1', {packages: ['line']});
google.setOnLoadCallback(drawChart);

function drawChart() {

    var data = new google.visualization.DataTable();
    var chartData = [];
    var json = $.getJSON('myjsonlink', function(data) {
        for (i = 0; i < data.length; i++)
        {
            chartData[i] = [];
            chartData[i][0] = parseInt(data[i].sales);
            chartData[i][1] = parseFloat(data[i].profit);
            chartData[i][2] = parseFloat(data[i].profit);
            chartData[i][3] = parseFloat(data[i].profit);
        }
        console.log(chartData[0]); // This prints out [1, 1.96, 1.96, 1.96]
    });

    data.addColumn('number', 'Hour');
    data.addColumn('number', 'Pageviews');
    data.addColumn('number', 'Sales');
    data.addColumn('number', 'Earnings in $AUD');

    data.addRows([
        chartData[0]
    ]);

    var options = {
        width: 450,
        height: 250
    };

    var chart = new google.charts.Line(document.getElementById('todays-total-sales'));

    chart.draw(data, options);
}

Answer 1

你的 data.addRows([chartData[0]]); 出了问题。如 full API documentation addRows(numOrArray) 中所述，应该给定一个数字或一个数组来填充您的行，但是您在数组中给它一个数组，因此它不起作用。删除 chartData[0]

周围的括号 []

坦率地说，我以为我明白我在说什么，但在开始打字后我显然不明白。我在它工作的地方做了一个 fiddle，用 for-loop 填充行并逐行填充所有内容，或者传递完整的变量 chartData 而不是 chartData[0]。看看 at this fiddle.

有更深入了解的人，如果能补充一个更好的解释，将不胜感激。

Answer 2

我今天刚遇到这个问题，请注意此页面在 Google 中的错误页首。

我的解决方案是数据库中的某些值是空的，这些值正在被转换为空字符串。

我正在使用服务器端逻辑生成 JS 代码。将空值合并为零解决了我的问题。

反思时相当明显，但直到我将我的代码粘贴到 CodePen 中之前，它对我来说并不明显...

Google 图表不接受格式正确的数组作为行数据

Google Charts not accepting correctly formatted array as row data

javascript

arrays

google-visualization