HighMaps -需要使数据标记可点击

Question

我在HighMaps中使用了一个小的美国地图，我希望每个州和它的数据标签打开一个新的网址时，点击。我的状态正常，但是标签不起作用。

这就是我试过的：

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);
                            }
                        }
                    }
                }
            },

代码请参见https://jsfiddle.net/sfjeld/zcsxobfa/12/。

Answer 1

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

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

演示： 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);

完整的代码在这把叉子中