Highcharts點擊函數沒有被調用？

Question

我試圖動態地將標籤添加到highcharts餅圖部分，但由於某種原因點擊事件似乎沒有觸發。任何想法我做錯了/如何獲得控制檯消息註銷？以下是我所關注的Highcharts documentation的鏈接。

$('#genderChart').highcharts({ 
     chart: { 
      marginTop: 0, 
      marginBottom: 73, 
      marginRight: 50, 
      plotBackgroundColor: null, 
      plotBorderWidth: null, 
      plotShadow: false, 
      events: { 
      click: (e) -> 
       console.log "click" 
      } 
     }, 
     title: { 
      text: '', 
      style: { 
      fontSize: 10 
      } 
     }, 
     tooltip: { 
      pointFormat: '<b>{point.percentage:.1f}%</b>' 
     }, 
     credits: { 
      enabled: false 
     }, 
     exporting: { 
      enabled: false 
     }, 
     plotOptions: { 
      pie: { 
      size: 300, 
      allowPointSelect: true, 
      cursor: 'pointer', 
      dataLabels: { 
       enabled: false 
      }, 
      showInLegend: true 
      } 
     }, 
     series: [{ 
      type: 'pie', 
      name: 'Gender Breakdown', 
      data: [ 
      { 
       name: "Male", 
       y: male, 
       color: "#9A3334" 
      }, 
      { 
       name: "Female", 
       y: female, 
       color: "#217C7E" 
      } 
      ] 
     }] 
     }) 

Answer 1

您正在使用錯誤的事件。使用這一個：

http://api.highcharts.com/highcharts#plotOptions.pie.events.click

plotOptions: { 
    pie: { 
     size: 300, 
     allowPointSelect: true, 
     cursor: 'pointer', 
     dataLabels: { 
      enabled: false 
     }, 
     showInLegend: true, 
     events: { 
      click: function(e){} // your event 
     } 
    } 
},