如何在Highcharts中附加单击事件功能

Question

我正在使用Pie Highchart，我想在click事件上调用一个函数。我不想写下这个函数逻辑。是否可以在这里调用外部函数。

       .static table{
        border-collapse: collapse;
        display: inline-block;
        margin-bottom: 23px;
        width: auto;
        }

这个回调函数将有很多行代码，所以我想在其他地方定义它并在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);
}

Answer 2

标题##我已经通过这种方式完成了

plotOptions: {
                series: {
                    cursor: 'pointer',
                    point: {
                        events: {
                            click: this.barClickedFun.bind(this)
                        }
                    }
                }

外部功能：-

 barClickedFun(data) {
       console.log(data.point.index);//data of click event, One can found point's value or index
    }