Трехуровневая развертка highmap - PullRequest
Новая
       20

Трехуровневая развертка highmap

0 голосов
/ 11 мая 2018

Я пытаюсь сделать многоуровневую карту детализации, используя highmap, например, первая карта покажет все страны, затем щелчок по любой стране развернет все штаты в этой стране, затем выбор любого штата покажет все районы в этом.

У меня есть три граничных файла: страны, штаты и районы. Я никогда не делал JavaScript раньше, я из Python и R фона. Однако я не вижу таких примеров, кроме этого - https://www.highcharts.com/maps/demo/map-drilldown. Я вижу это в javascript, а также его использование только 2 уровня. Может ли кто-нибудь помочь мне использовать это для третьей детализации, также мне нужно присоединить код страны / штата / района к моим данным и показать значение во всплывающей подсказке.

Спасибо.

1 Ответ

0 голосов
/ 14 мая 2018

Базовое использование: 

    series: [{
  name: 'World',
  data: [{
    'hc-key': 'eu',
    drilldown: 'd1',
    value: 10
  }],
  mapData: Highcharts.maps['custom/world-continents'],
  joinBy: 'hc-key',
  dataLabels: {
    enabled: true,
    format: '{point.name}' + '<br />' + ' {point.value}' + '%'
  }
}],
drilldown: {
  series: [{
    id: 'd1',
    mapData: Highcharts.maps['custom/asia'],
    joinBy: 'hc-key',
    click: function() {
      alert('Hello');
    },
    data: [{
      'hc-key': 'ir',
      value: 4,
      drilldown: 'd2'
    }]
  }, {
    id: 'd2',
    mapData: Highcharts.maps['custom/europe'],
    joinBy: 'hc-key',
    data: [{
      'hc-key': 'dk',
      value: 4
    }]
  }]
}

живой пример: http://fiddle.jshell.net/jktrefL1/

...