首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >HighMaps不显示国家数据

HighMaps不显示国家数据
EN

Stack Overflow用户
提问于 2019-06-20 06:41:40
回答 1查看 468关注 0票数 1

我使用高级图表Js来显示Highmap映射的气泡数据。但问题是,图表并没有在科索沃国家描绘泡沫。例如,如果我有JSON数据,如下所示。

代码语言:javascript
复制
[
 {"Country":"kosovo","persons":"2","CountryCode":"XK"}, 
 {"Country":"india","persons":"2","CountryCode":"IN"}
]

地图只显示印度国家的数据。也没有任何科索沃国家的迹象。

这是我使用的Javascript:

代码语言:javascript
复制
var data_country = [{"Country":"kosovo","persons":"2","CountryCode":"XK"}, 
 {"Country":"india","persons":"2","CountryCode":"IN"}
] ;
data_country = data_country.map(function(el){
  return {name: el.Country, z: parseInt(el.persons), 'iso-a2': el.CountryCode}
})

Highcharts.mapChart('world-map', {
    chart: {
        plotBorderWidth: 1,
         plotBorderColor: '#ffffff',
         borderColor: "#ffffff",
         plotBackgroundColor: '#FFFFff',
        map: 'custom/world'
    },

    title: {
        text: "" ,
       enabled: false
    },

      credits: {
      enabled: false
  },
  exporting:{
    enabled: false
  },
    legend: {
        enabled: false
    },
     mapNavigation: {
        enabled: true,
        buttonOptions: {
            verticalAlign: 'bottom'
        }
    },
    series: [{
        name: 'Countries',
        color: '#E0E0E0',

        states: {
            inactive: {
                opacity: 1
            }
          },
        enableMouseTracking: false
    }, {
        type: 'mapbubble',
        name: '',
        joinBy: 'iso-a2',//'iso-a3', 'code3'],
        data: data_country,
        minSize: '4%',
         color: '#577ba8',  
         marker: {
              fillOpacity: 0.9
            },
        maxSize: '4%',
        tooltip: {
            pointFormat: '{point.properties.name}'
        }
    }]
 });

请告诉我,如果我错过了什么,或这是一个高地图错误。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-06-20 07:07:02

我看到您正在使用非官方国家代码,因为它没有正式的ISO国家代码:

欧盟委员会和其他机构使用非官方的2位和3位数字代码,直到科索沃被指定为ISO代码。

我还发现在Highmap中使用KV似乎是可行的。我不知道他们为什么要用这个区号。例如,代码(JSFiddle):

代码语言:javascript
复制
var data_country = [{"Country":"kosovo","persons":"2","CountryCode":"KV"}, 
                    {"Country":"india","persons":"2","CountryCode":"IN"}
                   ];
data_country = data_country.map(function(el){
  return {name: el.Country, z: parseInt(el.persons), 'iso-a2': el.CountryCode}
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56680363

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档