charts - Highcharts Dynamically changing slices -

I have to work like this bella as I want; However, I have a strange mouse usage that I could not understand. When you click on a piece - it turns green (active) when you click it again - it turns gray (problematic) The problem is that when you click it and then gradually slice Let's move the mouse - it's resetting the color to gray if you move your mouse out quickly - it stays green

It does this only on the first mouseout. What am I missing?

  plotOptions: {pie: {states: {hover: {enabled: false}}, point: {events: {click: function () {if (! Active) this.graphic.attr ({Fill: '# 00FF00'}); Else this.graphic.attr ({fill: '#CCCCCC'}); this. Active =! this. Active; },}}}},   
   
 
 
 it seems Even though you disable the hover state, however, hicchers still leave some default  mouseOut  behaviors on some objects.  
 After creating the chart, you can kill it:  
  Events: {load: function () {var seriesPoints = this.series [0] .points; (Var i = 0; i & lt; seriespoint length; i ++) {seriesPoints [i] .onMouseOut = function () {}; }}}   
 Bella.