在 laravel 的 amcharts 中填充动态数据答案

【问题标题】：Populate dynamic data in amcharts in laravel在 laravel 的 amcharts 中填充动态数据
【发布时间】：2017-08-05 06:08:22
【问题描述】：

大家好，我想在 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
                           }
                 });

【问题讨论】：

标签： javascript php laravel amcharts

【解决方案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
       }
    });

【讨论】：