Restrict mouseover area for a column to its own shape vs. surrounding area

问题

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

回答1:

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

// shared: true

See your updated fiddle here

来源：https://stackoverflow.com/questions/33788158/restrict-mouseover-area-for-a-column-to-its-own-shape-vs-surrounding-area