從Google圖表中的JSON動態填充數據

Question

    My JSON data: 

    {"price":1.0,"bookName":"ABC","time":"10:0"},{"price":1.0,"bookName"
    :"DEF","time":"10:0"},{"price":1.0,"bookName":"ERT","time":"10:0"},{"price":1.0,"bookName":"JKL","time":"10:0"},{"price":0.25,"bookName":"ABC","time":"10:05"},{"price"
    :0.25,"bookName":"DEF","time":"10:05"},{"price":0.25,"bookName"
    :"ERT","time":"10:05"},{"price":0.25,"bookName":"JKL","time":"10:05"}

    JS Code: 

    WHen i hardcode the value like below then i am able to display the chart.

    google.load('visualization', '1.1', {packages: ['corechart']});
    google.setOnLoadCallback(drawChart);

     function drawChart(){

      var data = new google.visualization.arrayToDataTable([
        ['Time', 'ABC', 'DEF', 'ERT', 'JKL'],
          ['10:0',  1.0,      0.25,         0.25,             1.0          ],
          ['10:0',  1.0,      1.0,        1.0,             1.0          ],
          ['10:0',  0.25,      0.25,        0.25,             0.25],
          ['10:0',  1.0,      0.25,        0.25,             0.25],
          ['10:05',  1.0,      0.25,         1.0,             0.25],
          ['10:05',  0.25,     1.0,         0.25,             1.0],
          ['10:05',  0.25,      0.25,         0.25,             0.25],
          ['10:05',  0.25,      0.25,         0.25,             0.25],
             ]);

    I would like to know how to create the data like above dynamically using JSON object. I have tried the below code so far.

這里的問題是我也必須動態地從JSON對象生成列。 書名將始終是提到的4個，只是它們的價格會在不同的時間有所不同。

resultObj是從后端獲取的實際JSON對象名稱。

我想知道如何進一步創建行數據。

請指導我。 如果需要，我可以添加更多詳細信息。

Answer 1

您在JSON上使用的格式錯誤，Google圖表具有特定的布局，可用於接收數據，請點擊此處了解更多信息 。

您的數據必須看起來像：

{
  cols:[{label:'Bookmark', type:'string'}, 
        {label:'Price', type:'number'}, 
        {label:'time', type:'number'}
       ],
  rows:[{c:[{v:'ABC'}, {v:1.0}, {v:10.0}]},
         c:[{v:'DEF'}, {v:1.0}, {v:10.0}]},
       }]
}

因此，您必須像這樣動態地排列它們，以便將整個JSON傳遞到圖表。

我做了一個小提琴。