JSON來地圖Unsing Amcharts

Question

我需要創造的在tunisialow 的json /值tunisiaLow nbre使用Amcharts與我的JSON數據 代碼在我的JSON/ID的突尼斯地圖我tunisiaLow改變像我的JSON數據，但不工作 我需要samthink這樣 pic 懇求幫助我 這是我在plunker代碼plnkr.co/edit/6aDJREhcFYSfM5JW99mX?p=preview

Answer 1

與您的代碼的最大的問題是，你修改了AmCharts地圖JS文件這樣它就完全與圖書館分道揚way。 JS文件不應該被修改，除非你知道你在做什麼，並按照creating your own map files tutorial上的指示。修改後的文件將刪除所需的id屬性，該屬性將生成地圖功能。

理想情況下，您應該修改數據以匹配地圖格式，而不是反過來。按照您的last ticket，您似乎無法更改數據，因此解決方案與上次一樣 - 重新映射數據以符合AmCharts的格式。

原始的JS/SVG地圖有每個省的ID列表。由於您的數據集的標題與原始地圖中的標題不完全匹配，因此您需要創建一個查找對象，該對象使用您的標題鏈接到內部地圖標識，例如使用法語標題：

var areaDataMapping = { 
    "TUNIS": "TN-11", 
    "ARIANA": "TN-12", 
    "BEN AROUS": "TN-13", 
    "MANOUBA": "TN-14", 
    "NABEUL": "TN-21", 
    "ZAGHOUAN": "TN-22", 
    "BIZERTE": "TN-23", 
    "BEJA": "TN-31", 
    "JENDOUBA": "TN-32", 
    "KEF": "TN-33", 
    "SILIANA": "TN-34", 
    "KAIROUAN": "TN-41", 
    "KASSERINE": "TN-42", 
    "SIDI BOUZID": "TN-43", 
    "SOUSSE": "TN-51", 
    "MONASTIR": "TN-52", 
    "MAHDIA": "TN-53", 
    "SFAX": "TN-61", 
    "GAFSA": "TN-71", 
    "TOZEUR": "TN-72", 
    "KEBILI": "TN-73", 
    "GABES": "TN-81", 
    "MEDENINE": "TN-82", 
    "TATAOUINE": "TN-83" 
    }; 

從那裏，你可以重新映射你解析JSON文件，以創建具有所需的性能，如id，title和value正確的區域對象數組，然後將結果分配給您的代碼：

var remappedAreas = AmCharts.parseJSON(areas).map(function(area) { 
    return { 
    id: areaDataMapping[area.libelleFr], 
    title: area.libelleAr, 
    code: area.code, 
    value: area.nbre 
    } 
}); 
var map = AmCharts.makeChart("...", { 
    // ... 
    "dataProvider": { 
    // ... 
    "areas": remappedAreas, 
    // ... 
    }, 
    // ... 
}); 

這裏是一個updated plunkr ，其中使用了突尼斯官方AmCharts JS取代你的版本。