javascript和json和google chart使用while循環

Question

我開始研究用JavaScript讀取本地json文件，並試圖將其放入Google圖表中，但是我的while循環遇到了問題，如下所示。 Var c調用一個函數來計算json文件中的數據行。

 function drawChart() {
    var soData = JSON.parse(staffOrders);
    var i = 0;
    var c = getRowCount(); //returns 5

    // Create the data table.
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Staff');
    data.addColumn('number', 'Orders Filled');
    //works
    //data.addRows([
      //['John', 3],
      //['Tommy', 1],
      //['Ken', 1],
      //['Sally', 1],
      //["Missy", 2]
    //]);

    //works
    data.addRows([
        [soData[0].staffName, Number(soData[0].orders)],
        [soData[1].staffName, Number(soData[1].orders)],
        [soData[2].staffName, Number(soData[2].orders)],
        [soData[3].staffName, Number(soData[3].orders)],
        [soData[4].staffName, Number(soData[4].orders)]
    ]);

    //***error - below doesn't render
    //also need to remove comma in last row as it isn't needed
    //data.addRows([
        //while (i <= c) {
            //[soData[i].staffName, Number(soData[i].orders)],
            //i++;
        //}
    //]);

Answer 1

您的代碼正在嘗試將while循環發送到data.addRows（）。 將函數調用移入while循環

while (i <= c) {
    data.addRows([[soData[i].staffName, Number(soData[i].orders)]]);
    i++;
}