如何解决在highmaps(highcharts)中悬停鼠标时标记重叠的问题？

kfgdxczn 于 2023-08-05 发布在 Highcharts

关注(0)|答案(1)|浏览(178)

如何使标记“莫斯科”默认地被放置在标记“tula”之后，并且当悬停在标记“moscow”上时，它保持在标记“tula”之后并且被部分地突出显示？
我的代码：demo
您可以考虑在Map上放置标记的其他方法

1条答案

要实现这一点，您需要覆盖图表load事件、onMouseOver()和onMouseOut()函数中的莫斯科河或tula标记的图形元素。
以下是您可以基于的示例修改：
当你循环遍历这些点时，添加如下条件：

if (el.id === "tula") {
      el.graphic.attr({
              zIndex: 100,
          });
    }

字符串
在mouseOver/mouseOut函数中，使用不透明度更改进行以下修改：

if (this.id === "moskva") {
        this.graphic.attr({
          opacity: 0.5,
          zIndex: -100,
        });
      }

型