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

Question

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

可以在此js fiddle中看到鼠标悬停/鼠标移动行为。

这就是我在highcharts选项中声明鼠标事件的方式：

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

Answer 1

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

// shared: true

请参阅your updated fiddle here