在laravel amcharts填充動態數據

Question

大家好我想填充在amcharts動態數據，我正在從數據庫的響應如下圖所示

Object {Client Projects: 7, Intranet Projects: 1} 

現在，我想在我的圖表通過這個數據，如何我可以這樣做，這是我的圖表代碼。

//getting data in $projects variable 
    var data = {!! json_encode($projects) !!}; 
    console.log(data); returning output Object {Client Projects: 7, Intranet Projects: 1} 

    var chart = AmCharts.makeChart("chartdiv2", { 
       "type": "pie", 
       "hideCredits":true, 
       "dataProvider": dataProvider, 
       "valueField": "litres", 
       "titleField": "country", 
       "colorField": "color", 
       "labelsEnabled": true, 
       "autoMargins": false, 
       "marginTop": 20, 
       "marginBottom": 20, 
       "marginLeft": 10, 
       "marginRight": 10, 
       "pullOutRadius": 0, 
       "labelColorField": "color", 
       "balloon": { 
          "fixedPosition": true 
          } 
       }); 

Answer 1

我已經得到了答案

var data = {!! json_encode($projects) !!}; 
    // console.log(data); 
    var dataProvider = [];// this variable you have to pass in dataProvider inside chart 

    for(var key in data) { 
     dataProvider.push({ 
     litres: data[key], 
     country: key, 
     }); 
    } 
// var test =JSON.stringify(dataProvider); 
// console.log(test); 
    var chart = AmCharts.makeChart("chartdiv2", { 
    "type": "pie", 
    "hideCredits":true, 
    "dataProvider": dataProvider, 
    "valueField": "litres", 
    "titleField": "country", 
    "colorField": "color", 
    "labelsEnabled": true, 
    "autoMargins": false, 
    "marginTop": 20, 
    "marginBottom": 20, 
    "marginLeft": 10, 
    "marginRight": 10, 
    "pullOutRadius": 0, 
    "labelColorField": "color", 
    "balloon": { 
     "fixedPosition": true 
     } 
    });