ハイチャートのクリックイベント機能を添付するには

Question

パイハイチャートを使用しています。クリックイベントで関数を呼び出したいと思います。私はこの関数のロジックを以下のように記述したくありません。ここで外部関数を呼び出すことは可能ですか？

 plotOptions: { 
          pie: { 
           allowPointSelect: true, 
           cursor: 'pointer', 
           dataLabels: { 
            enabled: false 
           }, 
           showInLegend: true, 
           point:{ 
            events:{ 
             click: function(oEvent){ 
             alert(oEvent.point.name); 

             } 
            } 
           } 
          } 
         }, 

このコールバック関数は多くのコード行を持つため、他の場所で定義してplotoptionsで呼び出す必要があります。それを達成する方法を、私は知ってみましょう

Answer 1

それは単に機能定義、道

Fiddle

plotOptions: { 
    pie: { 
     allowPointSelect: true, 
     cursor: 'pointer', 
     dataLabels: { 
     enabled: true, 
     format: '<b>{point.name}</b>: {point.percentage:.1f} %', 
     style: { 
      color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black' 
     } 
     }, 
     point: { 
     events: { 
      click: function(oEvent) { 
      callExternalFunction(oEvent.point.name); //call function with arguments 
      } 
     } 
     } 
    } 
    }, 
function callExternalFunction(obj){ 
    console.log(obj); 
}