如何使用HighCharts Geomap绘制区域?
我用的是海图地图。我对在世界地图上绘制以下区域感兴趣:如何使用HighCharts Geomap绘制区域?,charts,highcharts,highmaps,geomap,Charts,Highcharts,Highmaps,Geomap,我用的是海图地图。我对在世界地图上绘制以下区域感兴趣: 东亚及太平洋 欧洲和中亚 拉丁美洲和加勒比 中东和北非 北美 南亚 以前有人试过吗?如果有人能解决这个问题,请提供一个提琴 提前谢谢 编辑: 我研究了highmaps示例,并创建了一个解决该问题的方法。在上面的小提琴中,区域被错误地绘制,并且完整的世界地图也没有被渲染。有人能指出我哪里出了问题吗 $(function () { // Prepare demo data var data = [ { "regio
- 东亚及太平洋
- 欧洲和中亚
- 拉丁美洲和加勒比
- 中东和北非
- 北美
- 南亚
$(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}'
}
}]
});
})) 这就是您搜索的方法吗
您研究了highmap示例吗?您还可以查看HighMaps地图集合