HighCharts GeoMaps を使用しています。世界地図に次の地域をプロットすることに興味があります。
- 東アジアおよび太平洋
- ヨーロッパと中央アジア
- ラテンアメリカとカリブ海
- 中東および北アフリカ
- 北米
- 南アジア
誰もこれを試したことがありますか？誰かがこれに対する解決策を持っている場合は、フィドルを提供してください。
前もって感謝します。
編集：
ハイマップの例を調査し、問題を解決するためのフィドルを作成しました。上記のフィドルでは、地域が正しくプロットされず、完全な世界地図もレンダリングされません。誰かが私が間違っているところを指摘できますか?
$(function () {
// Prepare demo data
var data = [
{
"region": "South America",
value: 3
},
{
"region": "East Asia & Pacific",
value: 10
},
{
"region": "Europe & Central Asia",
value: 12
},
{
"region": "Latin America & Caribbean",
value: 8
},
{
"region": "Middle East & North Africa",
value: 9
},
{
"region": "North America",
value: 20
},
{
"region": "South Asia",
value: 17
}
];
// Initiate the chart
$('#container').highcharts('Map', {
mapNavigation: {
enabled: true,
buttonOptions: {
verticalAlign: 'bottom'
}
},
colorAxis: {
min: 0
},
series: [{
data: data,
mapData: Highcharts.maps['custom/world'],
joinBy: ["region-wb","region"],
allAreas: true,
name: 'Random data',
states: {
hover: {
color: '#BADA55'
}
},
dataLabels: {
enabled: true,
format: '{point.name}'
}
}]
});
});