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

Question

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

我将一个数组作为行数据插入到 Google Charts 中，但是我在控制台中收到错误 Uncaught Error: Every row given must be 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 而不是 图表数据[0]。看看at this fiddle .

有更好理解的人将不胜感激添加带有更好解释的回复。