javascript - HighMaps 不显示国家数据

Question

我正在使用 Highcharts Js 来显示 Highmaps map 气泡数据。但问题是图表没有在科索沃国家绘制泡沫。例如如果我有如下 JSON 数据。

[
 {"Country":"kosovo","persons":"2","CountryCode":"XK"}, 
 {"Country":"india","persons":"2","CountryCode":"IN"}
]

map 显示时仅包含印度国家/地区数据。没有显示任何科索沃国家。

这是我使用的 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}'
        }
    }]
 });

请告诉我是否遗漏了什么或者这是 Highmaps 错误。

Answer 1

我看到您使用的是非官方国家代码，因为它没有官方 ISO 国家代码:

The unofficial 2 and 3-digit codes are used by the European Commission and others until Kosovo is assigned an ISO code.

我还看到在 Highmaps 中使用 KV 似乎可行。我不确定他们为什么使用这个部分国家代码。例如，您的代码 ( JSFiddle ):

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}
});