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

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

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

不幸的是,在其他系列的数据标签下,气泡的工具提示不显示(请看截图中的数据标签 “萨尔州”–鼠标变成光标)。我怎样才能解决这个问题?

enter image description here

解决方案:

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

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

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

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

本文来自投稿,不代表运维实战侠立场,如若转载,请注明出处:https://www.shizhanxia.com/551.html

(0)
上一篇 2022年6月29日 下午3:57
下一篇 2022年6月29日 下午3:57

相关推荐

发表评论

登录后才能评论