4

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

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

谢谢。

4

1 回答 1

3

基本用法：

    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/

于 2018-05-14T10:43:47.833 回答