javascript - 给出的行大小不同于 2” Google 图表

Question

我正在尝试使用 Google Chart 和 jQuery(1.10.2) 可视化柱形图，但它会引发以下错误。

[console log] : "Row given with size different than 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)]);