我想完全禁用悬停效果,这是代码段

 series : [{
            data : data,
            mapData: Highcharts.maps['custom/world'],
            joinBy: ['iso-a2', 'code'],
            name: 'Population density',
            states: {
                hover: {
                    enabled:false
                }
            },
            tooltip: {
                valueSuffix: '/km²'
            }
        }]

但是当我将鼠标移出时仍然有一些颜色效果,这里是一个jsfiddle highmaps提琴 (请如上所述更改系列选项)

如何在从地图位置移出鼠标时解决该色彩效果,我们将不胜感激。

#1楼 票数:3 已采纳

经过一番努力之后,我得到了上述问题的解决方案,您只需要获取序列数据的所有点对象,然后悬停为它们提供与当前相同的颜色,但是您不能像这样直接给出颜色

 states: {
            hover: {
                color:this.color
            }
        },

因此,您可以像这样放置一些hack

  $('#container').highcharts('Map', options);
           var points = $('#container').highcharts().series[0].data;

           for (var i = 0; i < points.length; i++) {


               points[i].pointAttr.hover.fill = points[i].color;

           }

问题解决了... !!!!

#2楼 票数:0

这是没有jquery的解决方案:

const map = new Highcharts.Map(chartOptions);

(function() {
    var points = map.series[0].data;
    for (var i = 0; i < points.length; i++) {
        points[i].pointAttr.hover.fill = points[i].color;
    }
})();

实例化地图后,只需将其弹出即可。

#3楼 票数:0

@Vikas的解决方案对我不起作用。 没有定义pointAttr。

设置悬停颜色:空和亮度:0对我有用:

states: {
    hover: {
        color: null,  // Set no specific color to use original color
        brightness: 0 // Prevent brightness effect
    }
}

#4楼 票数:-1

您可以禁用它,如下所示:

states: {
        hover: {
            enabled: false,
        }
    },

  ask by Vikas translate from so

未解决问题?本站智能推荐:

1回复

高图中的动态悬停颜色

我使用highmap,并且我想在高图状态下悬停时制作动态不同的颜色。 正如你所看到的不同的颜色,这就是我做的 var usMapChart , data = [] ; var mapData = Highcharts.geojson(Highcharts.maps['co
1回复

如何更改高图泡泡颜色

我试图根据城市名称为气泡着色。 像是this.point.capital == Montgomery&this.point.capital == Juneau; color =“red”。 但我无法将此函数添加到color属性中。 你能帮我吗? 谢谢!!!! http://
3回复

Highmaps 区域的边界颜色

我在基于 Web 的应用程序之一中使用 Highmaps。 到目前为止,根据我的用例很容易修改它,但现在我需要更改区域的边框颜色,但我无法做到。 我尝试过但失败的代码: 查看附加图片我想要实现的目标 想把轮廓颜色改成白色 http://jsfiddle.net/qLen614m/
1回复

高图/高图setData不变

尝试选择下拉列表时更改高地图上的数据,但似乎无法使其正常工作。 我想我可能在错误的事物上调用它(?),我知道change()被调用了,但是数据点从不交换。 的jsfiddle });
1回复

高图-政治边界

我已经在这个项目上工作了几个月。 http://codenamedev.com/proofs/GFN11/ecologic.html 我遇到了一些与地图边框未对齐客户端数据的问题。 在边界有争议的地区或其他灰色地区,似乎没有人就国家地位达成协议。 覆盖高地图地图数据的方法是什么。
1回复

Highmaps:如何通过鼠标滚动禁用地图缩放

我能够在页面上显示地图。 但是,当我使用鼠标中间滚动按钮(罗技鼠标)向上或向下滚动页面时,地图会放大和缩小。 我希望禁用它。 我该怎么做? 谢谢!
1回复

更改高图的缩放级别

我一直在尝试减少按放大/缩小按钮时地图放大/缩小的数量。 似乎没有任何变量,它需要使用http://api.highcharts.com/highmaps#Chart.mapZoom的自定义函数 我想做的是使用自定义事件覆盖缩放按钮的默认事件,该事件使用mapZoom'howMuch'参
1回复

高图-更改为mapbubble

我一直在尝试通过添加将Highmaps图表更改为泡沫 类型:“ mapbubble”,如下所示,但是失败有什么办法吗? 我不知道哪里出了问题 感谢下面的代码是否有人可以帮助我做到这一点 链接到jsfiddle