三级下钻高图

Question

我正在尝试使用 highmap 制作多级向下钻取地图，例如第一个地图将显示所有国家，然后单击任何国家将向下钻取到该国家/地区的所有州，然后选择任何州将显示所有地区那。

我有三个边界文件，- 国家、州和地区。我以前从未做过javascript，我来自python和R背景。但是我没有看到任何这样的例子，除了这个 - https://www.highcharts.com/maps/demo/map-drilldown 。我在 javascript 中看到了这一点，而且它只使用了 2 个级别。任何人都可以帮助我将其用于第 3 次向下钻取，我还需要将 country/state/district 代码与我的数据结合起来并在工具提示中显示值。

谢谢。

Answer 1

基本用法：

    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/

三级下钻高图

Three level drill down highmap

javascript

highcharts

highmaps

r-highcharter