将列的鼠标悬停区域限制为自己的形状与周围区域

问题描述

如何限制highcharts列的mouseover和mouseout事件，以便在鼠标进入/离开实际列与周围区域时触发事件？

mouseover / mouseout行为可以在这个

需要从工具提示选项中删除shared：true。

  //共享：true 
  

请参阅

How to restrict the mouseover and mouseout events for a highcharts column so that the events fire when the mouse enters/leaves the actual column vs. the surrounding area ?

The mouseover/mouseout behavior can be seen in this js fiddle.

This is how I'm declaring the mouse events in the highcharts options :

   plotOptions:{
        column:{
            point: {
              events:  {
                mouseOut: onItemMouseOut,
                mouseOver: onItemMouseOver
                },
            },
            states:{hover:{enabled:false}},
        },
    },

解决方案

you need to just remove shared: true from tooltip options.

// shared: true

See your updated fiddle here

这篇关于将列的鼠标悬停区域限制为自己的形状与周围区域的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！