2017-05-05 1 views
0

Ich benutze Pie Highchart, ich möchte eine Funktion auf Klick-Ereignis aufrufen. Ich möchte diese Funktionslogik nicht wie folgt schreiben. Kann hier eine externe Funktion aufgerufen werden?Wie klicke ich Click Event Funktion in Highcharts

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

             } 
            } 
           } 
          } 
         }, 

Diese Rückruffunktion werden viele Zeilen Code haben, so möchte ich es irgendwo anders definieren und sie in plotoptions nennen. Lassen Sie mich wissen, wie es zu erreichen

+0

Yup, einfach eine Funktion definieren: 'Funktion myfun() {}' es dann später verwenden: 'klicken: meinFun' –

Antwort

0

Es folgt getan

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); 
}