javascript - 如何在 Angular 的 Highchart 的点击函数中调用 API 或访问数据

Question

我正在使用 Highcharts 库使用 PIE 图表。单击 PIE 图表时，我需要调用另一个 API 并根据单击显示另一个饼图。

如果我使用 Javascript function，我可以使用click下面的函数访问数据。

plotOptions-->series-->point-->events--点击

plotOptions: {
series: {
  stacking: 'normal',
  dataLabels: {
    enabled: true,
    align: 'left',
    color: '#FFFFFF',
    x: 0
  },
  point: {
    events: {
      click: function(te) {
        console.log(this.category);
        console.log(this.y);
      }
    }
  }
},

我面临的打字稿问题（在 Angular 中）我无法访问 click 函数内的数据。下面我无法访问 this.category和this.y。在控制台上给出错误。注意：我不能使用 Javascript 函数，因为我无法访问任何变量或调用任何 API。

events: {
            click: (event) => {                    
              console.log(this.category);
              console.log(this.y);
            }            
          }