Highmaps-需要使数据标签可单击

Question

我正在使用Highmaps中的美国小型地图，我想要每个状态，并且在单击时，它的数据标签可以打开一个新的URL。我有国家在工作，但标签行不通。

这就是我尝试的：

plotOptions: {
                series: {
                    allowPointSelect: true,
                    point: {
                        events: {
                            click: function(e) {
                                const url = e.target.point.value;
                                window.open(url);
                            }
                        }
                    },
          datalabels: {
                        events: {
                            click: function(e) {
                                const url = e.target.point.value;
                                window.open(url);
                            }
                        }
                    }
                }
            },

请参阅用于代码。

Answer 1

使用this.value而不是e.target.point.point.value：

plotOptions: {
  series: {
    point: {
      events: {
        click: function() {
          const url = this.value;
          window.open(url);
        }
      }
    }
  }
}

demo：
https://jsfiddle.net/blacklabel/6gpl57nf/

Answer 2

在您的示例中，您可以使用：

e.point.properties.hasc

从点击点获取值。

代码：

plotOptions: {
  series: {
    allowPointSelect: true,
    point: {
      events: {
        click: function(e) {
          const url = "https://www.google.com/search?q=" + e.point.properties.hasc;
          window.open(url);
        }
      }
    },
  }
},

您可以使用以下路径检查其他值：

console.log(e.point.properties);

完整代码在