如何在鼠标悬停时停止Highmaps以更改SVG路径顺序

时间:2019-05-29 09:18:18

标签: highcharts

在所有高地图中,当我们将鼠标悬停在任何特定国家/地区时,将鼠标悬停的国家/地区SVG路径置于底部,以便将悬停的国家/地区显示在其他国家/地区的顶部(我们在svg中获得z-index的方式)。 我不希望鼠标悬停时Highmap更改SVG路径顺序。

1 个答案:

答案 0 :(得分:1)

您可以包装zIndexSetter方法以仅在元素不是路径时调用它:

(function(H) {
    H.wrap(H.SVGElement.prototype, 'zIndexSetter', function(proceed, value, key, el) {
        if (!el || (el && el.tagName !== 'path')) {
            return proceed.apply(this, Array.prototype.slice.call(arguments, 1));
        }
    });
}(Highcharts));

实时演示: https://jsfiddle.net/BlackLabel/31a0x4sL/

文档: https://www.highcharts.com/docs/extending-highcharts