上午图表饼图不读取json文件数据？

Question

当我们通过静态数据列表如[{category":"a","data:"3"},"category":"b","data":"1"}] 那么它的工作正常，但是当我们在数据提供者部分中传递页面url像{"url": "abc.php","format": "json"}然后图表不填充。

这是我的代码：

var chart = AmCharts.makeChart("chartdiv", { 
    "type": "pie", 
    "dataProvider":{ " 
     url": "abc.php", 
     "format": "json" }, 
    "labelRadius": -35, 
    "labelText": "[[percents]]%", 
    "titleField": "category", 
    "valueField": "column-1", 
    "allLabels": [], 
    "balloon": {}, 
    "legend": { 
     "enabled": true, 
     "align": "center", 
     "markerType": "circle" } 
    }); 

任何解决方案？

Answer 1

使用与 “静态” 数据amCharts

如果你有 “静态” 数据，使用dataProvider设置，就像这样：

var chart = AmCharts.makeChart("chartdiv", { 
    "type": "pie", 
    "dataProvider": [{ 
    "category": "a", 
    "data": 3 
    }, { 
    "category": "b", 
    "data": 1 
    }], 
    // ... 
}); 

使用amCharts与AJAX数据

如果你想要使用AJAX加载数据，一种方法是使用amCharts的Data Loader插件。

确保包括它在你的HTML：

<script src="amcharts/plugins/dataloader/dataloader.min.js" type="text/javascript"></script> 

离开了dataProvider设置，并使用dataLoader代替。

var chart = AmCharts.makeChart("chartdiv", { 
    "type": "pie", 
    "dataLoader": { 
    "url": "abc.php", 
    "format": "json" 
    }, 
    // ... 
}); 

你abc.php文件应当返回有效的JSON，像这样：

[{ 
    "category": "a", 
    "data": 3 
}, { 
    "category": "b", 
    "data": 1 
}] 

你可以找到的数据加载器插件这里选项的完整列表：https://www.amcharts.com/kbase/using-data-loader-plugin/。