如何使我的有效本地文件（JSON）動態我的chartData？

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": [] 
});