2017-05-16 61 views
2

我想要使用Google ChartjQuery(1.10.2)可視化列圖,但它會引發以下錯誤。行與大小不同於2「谷歌圖表

[控制檯日誌]:

標記此作爲回答之前「與尺寸比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); 
} 

我無法弄清楚這個錯誤,請幫我。

回答

0

每個數據行應該包裝在一個數組中,
其中應包括所有列

這裏,只有第一列被包裝在一個陣列,
和第二列冷落......

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

嘗試更改爲...

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

工作,非常感謝你@WhiteHat。 – simagoz