从地图外部访问Highmaps节点

Question

我正在尝试构建一个移动友好的Highmap，用户可以点击地图中的某个节点并触发一个在单独的div中显示补充数据的功能。我有这个部分没问题！

但是，我想添加一项功能，让用户可以从地图外的下拉列表中选择一个节点，因为地图中的区域非常小而且很难在移动设备上访问。这可能吗？

Answer 1

您可以在chart.series[0].points数组中找到您的观点，然后启动与point.events.click相同的操作：

plotOptions: {
  series: {
    point: {
      events: {
        click: function() {
          this.select();
          printNodeName(this);
        }
      }
    }
  }
},

(...)

  $('#btn').click(function() {
    var point = chart.series[0].points.find((p) => p.name === 'Macedonia');
    printNodeName(point);
  });

现场演示： http://jsfiddle.net/kkulig/41y1y3qL/