Эффект наведения на внутреннюю/внутреннюю часть диаграммы пончиков?

Question

У меня есть эффект зависания, но это только на границе графика. То, что я пытаюсь сделать здесь, - это заставить Hover работать и внутри диаграммы.

JS скрипка: http://jsfiddle.net/amigoo/zwod86e1/

Вот мой код:

$(function() { 
    Highcharts.setOptions({ 
     colors: ['#8edce7', '#e8ebeb'] 
    }); 

    // Create the chart for completion 
    var chart_completion = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'container1', 
      type: 'pie', 
      margin: [0,0,0,0], 
      height: 100, 
      width: 100 

     }, 
     tooltip: { 
      enabled: false, 
     }, 
     plotOptions: { 
      pie: { 
       slicedOffset: 0, 
       size: '100%', 
       dataLabels: { 
        enabled: false 
       } 
      }, 
      series: noBorder 
     }, 
     title: { 
      text: 'In Prog.', 
      align: 'center', 
      verticalAlign: 'middle', 
      style: { 
       fontSize: '9.5px' 
      } 

     },  
     credits: { 
      enabled: false 
     }, 
     series: [{ 
      name: 'Browsers', 
      data: [["MSIE",10],[,2]], 
      innerSize: '80%', 
      showInLegend:false, 
      dataLabels: { 
       enabled: false 
      }, 
      states:{ 
       hover: { 
        enabled: false 
       } 
      }, 
      point : { 
       events: { 
        mouseOver: function(){ 
         this.oldTitle = chart_completion.options.title.text; 

         chart_completion.setTitle({ 
          text: 'New title ' 
         }); 

        }, 
        mouseOut: function(){ 
         chart_completion.setTitle({ 
          text: this.oldTitle 
         }); 
        } 
       } 
      } 
     }] 
    }); 

Answer 1

Используйте это в ваших plotOption.series

series: { 
       stickyTracking: true, 
      events: { 
        mouseOver: function(){ 
         alert("mouseOver"); 


        }, 
        mouseOut: function(){ 
         alert("mouseOut"); 
        } 
      } 
     }