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

在我问之前,我只想指出一点,我已经尝试了this的答案,但它对我没有用.这不是重复的问题.

我正在将一个数组作为行数据插入Google图表中,但是却收到错误未捕获错误：给定的每一行必须为null或一个数组.在控制台中.

在控制台中记录我的阵列时,它看起来像这样：[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);
}

解决方法:

您正在弄乱您的data.addRows([chartData [0]]);.如在full API documentation中所述,应该给addRows(numOrArray)一个数字或一个数组来填充行,但是您在数组中给它一个数组,因此它不起作用.
       删除chartData [0]周围的括号[]

坦白地说,我以为我了解我在说什么,但是开始打字后我显然不明白.我做了一个小提琴,在其中工作,或者使用for循环填充行,然后逐行填充所有内容,或者通过传递完整的变量chartData而不是chartData [0].签出at this fiddle.

如有更好的理解,请多加解释.

标签：javascript,arrays,google-visualization
来源： https://codeday.me/bug/20191013/1909749.html