Highcharts: Farbe ändern von Kreisdiagramm Abschnitt ohne Schicht Animation

Question

das folgende Szenario vor:

1. ich die folgende Geige von Kreisdiagramm mit bereits in Scheiben geschnitten Abschnitte haben. https://jsfiddle.net/amrutaJgtp/j2t0gdjt/4/

   series: [{ 
       data: [ 
        { 
        name: 'Jan', 
        y: 29.9, 
        sliced:true 
        }, 
       { 
        name: 'Feb', 
        y: 71.5, 
        sliced:true 
   
        }, 
       { 
        name: 'Mar', 
        y: 106.4, 
        sliced:true 
   
        }, 
       { 
        name: 'Apr', 
        y: 100, 
        sliced:true 
   
       } 
       ], 
       slicedOffset:20 
   }] 
   

2. Beim Klicken/Auswahl eines beliebigen Abschnitts (beliebig oft), mag ich die Farbe des Abschnitts zwischen der Auswahlfarbe wechseln und der ursprünglichen Farbe

3. Aber mir nicht die Abschnitte, die an der ursprünglichen (0,0) Position wiederhergestellt werden sollen. Das heißt, sie sollten beim Klicken/Auswählen in Scheiben geschnitten bleiben.

Gibt es einen Weg, dies zu erreichen?

Answer 1

Ich würde vorschlagen, point.events.unselect zu verwenden und dort point.slice(true) anrufen. Etwas wie dieses: https://jsfiddle.net/j2t0gdjt/9/

plotOptions: { 
     pie: { 
      allowPointSelect: true, 
      states: { 
       select: { 
        color: '#ff0000' 
       } 
      }, 
      point:{ 
       events:{ 
        unselect: function(event) { 
         this.slice(true); 
        } 
       } 
      } 
     } 
    }, 

Answer 2

Sie könnten das Click-Ereignis verwenden zuerst zu wählen, und dann sicherstellen, dass es nach dem (JSFiddle) in Scheiben geschnitten wird:

plotOptions: { 
    pie: { 
     point:{ 
      events:{ 
       click: function(event) { 
        this.select(!this.selected, true); 
        this.slice(true); 
        return false; 
       } 
      } 
     } 
    } 
} 

Dieser Ansatz leider nicht sehr gut funktioniert, wenn nicht die akkumulierte wählen verwenden. Es könnte besser sein, einen Ansatz zu finden, bei dem Sie das Slice-Ereignis, gefolgt von einem ausgewählten Ereignis, deaktivieren können.