Highcharts：在餅圖的數據標籤上添加單擊事件

Question

通過單擊餅圖切片打開了一個彈出窗口，但單擊數據標籤時未打開該窗口。 如何將點擊事件添加到餅圖的數據標籤？

Answer 1

您可以在label.formatter中使用html標籤和類，然後使用jQuery添加事件。

dataLabels: { 
    useHTML: true, 
    formatter: function() { 
     return '<div class="my-click">' + this.point.name + '</div>'; 
    } 
} 

然後：

$(".my-click").on('click', function(){ /* do somthing */ }); 

Answer 2

更新到Highcharts的最後一個版本，同時使用了標籤和扇形點選擇事件觸發。

plotOptions: { 
    series: { 
     allowPointSelect: true, 
      point: { 
       events: { 
        select: function() { 
         self.yourFunction(this.id); 
        } 
       } 
      } 
    } 
}