HighMaps Не отображаются данные по стране - PullRequest
1 голос
/ 20 июня 2019

Я использую Highcharts Js для отображения пузырьковых данных карты Highmaps. но проблема в том, что диаграмма не строит пузырь на косовской стране. Например если у меня есть данные JSON как следует.

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

Карта отображается только с данными о стране Индии. и ничего не показывает о стране Косово.

enter image description here

Это 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.

1 Ответ

1 голос
/ 20 июня 2019

Я вижу, что вы используете неофициальный код страны, поскольку он не имеет официального кода страны ISO:

Неофициальные 2- и 3-значные коды используются Европейской комиссией и другими, пока Косово не будет присвоен код ISO.

Я также вижу, что использование KV в Highmaps, похоже, работает. Я не уверен, почему они используют этот частичный код страны. Например, из вашего кода ( 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}
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...