JSONは私が私のJSONデータではなく、同じようtunisiaLowに変更tunisialow の私のJSON /値のtunisiaLow nbreで私のJSONデータの私のJSON/IDで コードでAmchartsを使用してチュニジアマップをレコード生成する必要がUnsing Amcharts

Question

をマップします私はこの pic 嘆願は私に を助けるように、これはあなたのコードの最大の問題は、あなたがAmChartsは、JSファイルをマップ変更点であるplnkr.co/edit/6aDJREhcFYSfM5JW99mX?p=preview

Answer 1

plunkerで私のコードですsamthink必要 仕事それはライブラリと完全に壊れるような方法で。 JSファイルは、あなたが何をしているのかを理解し、creating your own map files tutorialの指示に従わないと修正されるべきではありません。変更されたファイルは、マップ機能を実現するために必要なid属性を削除します。

マップ形式と一致するようにデータを変更するのが理想的です。 last ticketに行くと、データを変更できないように見えるので、ソリューションは最後と同じです - AmChartsのフォーマットに準拠するようにデータを再マッピングしてください。

元のJS/SVGマップには、各地域のIDリストがあります。データセットのタイトルが元のマップ内のタイトルと正確に一致しないため、タイトルを使用して内部マップ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" 
    }; 

など）。そこから

、あなたがそのようなid、titleとvalueなど、必要なプロパティを持つ正しい領域オブジェクトの配列を作成し、あなたのコードに結果を割り当てるために、あなたの構文解析されたJSONファイルを再マッピングすることができます

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を使用しています。あなたのバージョンの代わりに。