Question

我有一个pieChart（下面的示例工作链接），但我想要的是从我的本地文件中获取我的chartData，因此它不会被硬编码。我在这个问题上遇到了困难。

请注意，我有有效的JSON文件，我测试它是有效的。当我这样做是将我的JSON文件分配给var chartData = "validJsonFile.json"时，它不起作用。我的图表什么都没显示。

我希望有人可以帮助我。感谢。

示例工作ChartLink是here

我试过但却没有用的东西：

var chartData = "validjsonfile.json";

有效的东西，但它不是动态的。

var chartData = [{
"title": "Marketing",
"value": 23,
"url":"#",
"description":"click to drill-down",
"data": [
{ "title": "Jan", "value": 1, "data": [
  { "title": "AAA", "value": 2 },
  { "title": "BBB", "value": 5 },
  { "title": "CCC", "value": 1 },
] }, /* and so on...... */

请帮助..提前多多谢谢你......

Answer 1

好吧，经过这么多尝试后我找到了答案..哈哈！我很高兴..

var chartData;
AmCharts.loadFile("dataPieJson.json", {}, function(data) {
var chartData = AmCharts.parseJSON(data);
console.log(chartData); // this will output an array
chart.dataProvider = chartData;
chart.validateData();
});


// create pie chart
var chart = AmCharts.makeChart("chartdiv", {
"type": "pie",
"dataProvider": chartData,
"valueField": "value",
"titleField": "title",
"labelText": "[[title]]: [[value]]",
"pullOutOnlyOne": true,
"titles": [{

"text": "Most Sold Products"
}],
"allLabels": []
});

如何使用我的有效本地文件（json）使我的chartData动态化？

1 个答案: