Highcharts 高图在数据标签下显示气泡的工具提示。

Posted 2021-03-19

我建了一个地图，有两个系列，其中一个是地图泡泡。请看 抚弄

                  dataLabels: {
                          enabled: true,
                          usehtml: true,
                          allowOverlap: true,
                          x: 0,
                          y: 0,
                          formatter: function() {
                          if (this.point.bl == "Niedersachsen") {
                                    return '<div align="center" style="line-height: 110%">' + this.point.bl + '<br><b>' + Highcharts.numberFormat(this.point.inf, 0) + ' • <span style="color: #b30012">' + Highcharts.numberFormat(this.point.tot, 0) + '</b></span></div>';
                          } 
                          else {
                              return null;
                          }
                      },

不幸的是，在其他系列的数据标签下，气泡的工具提示不显示（请看截图中的数据标签 "萨尔州"--鼠标变成光标）。我怎样才能解决这个问题？

答案

你需要禁用 pointer-events 用于数据标签。

plotOptions: {
  series: {
    dataLabels: {
      ...,
      style: {
        ...,
        pointerEvents: 'none'
      }
    }
  }
}

---

现场演示。 https:/jsfiddle.netBlackLabel2j74enup。

API参考。 https:/api.highcharts.comhighmapsseries.map.dataLabels.style。