Question

我正在尝试使用Google Chart和jQuery(1.10.2)来显示柱形图，但它会引发跟随错误。

[console log]：＆＃34;给出的行大小不同于2“

在将此标记为已回答之前，我按照建议"Row given with size different than 3" Google Charts进行了尝试，但未呈现图表。

function drawChart() {
    var jD = $.ajax(
        {
            url: "http://localhost/tapme/data.php",
            dataType: "json",
            async: false
        }).responseText;
    var options = {
        title: 'Google API example',

        vAxis: {
            title: 'Score on a scale of 1 to 10'
        }
    };
    var data = new google.visualization.DataTable(`JD`);
    data.addColumn('string', 'uid');
    data.addColumn('number', 'm1high');
    var dataArray = [];
    $.each(JSON.parse(jD), function (i, obj) {
        dataArray.push([obj.uid], parseInt(obj.m1high));
    });
    data.addRows(dataArray);

    var chart = new google.visualization.ColumnChart(document.getElementById('cdiv'));
    chart.draw(data, options);
}

我无法弄清楚错误。帮助我。

Answer 1

每个数据行应包装在一个数组中，
其中应包括所有列

这里，只有第一列包裹在一个数组中，
并且第二列被省略......

dataArray.push([obj.uid], parseInt(obj.m1high));

尝试改为......

dataArray.push([obj.uid, parseInt(obj.m1high)]);

行大小不同于2“谷歌图表

1 个答案: