Question

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

我将数组插入Google Charts作为行数据，但我在控制台中收到错误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] 坦率地说，我以为我明白了我在说什么，但在开始打字后我显然没有。我在它工作的地方做了一个小提琴，用for-loop填充行并逐行填充所有内容，或者传递完整变量chartData而不是chartData[0]。请查看at this fiddle。

如果有更好的理解，我会非常感谢能够提供更好解释的回复。

Answer 2

我今天刚刚遇到了这个问题，请注意，此页面在Google中排在第一位。

我的解决方案是数据库中的某些值为空，然后将其转换为空字符串。

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

在反思中很明显，但是直到我将代码粘贴到CodePen中之前，对我来说并不明显...

Google Charts不接受正确格式化的数组作为行数据

2 个答案: