如何绘制使用HighCharts GeoMaps的区域？

Question

我正在使用HighCharts GeoMaps。我感兴趣的世界地图绘制以下区域：

• 东亚&太平洋
• 欧洲&中亚
• 拉丁美洲&加勒比海
• 中东&北非
• 北美
• 南亚

有没有人试过这个？如果有人为此提供解决方案，请提供小提琴。

在此先感谢。

编辑：

我探索highmaps例子，我创建了一个fiddle来解决问题。在上面的小提琴中，地区被错误地绘制，也没有呈现完整的世界地图。有人可以指出我出错的地方吗？

$(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}' 
     } 
    }] 
}); 

}）;

Answer 1

这是您搜索的方法吗？

http://www.highcharts.com/docs/maps/custom-maps