Restrict mouseover area for a column to its own sh

Question

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}},
        },
    },

Answer 1

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

// shared: true

See your updated fiddle here