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。

给TA打赏
共{{data.count}}人
人已打赏
解决方案

从局域网连接到互联网域名

2022-4-21 18:00:10

解决方案

我可以在Aws AppSync解析器映射模板中对用户输入进行消毒吗?

2022-4-21 18:00:12

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索