标签：javascript arrays google-visualization

在我问之前,我只想指出一点,我已经尝试了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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。