如何使用角度分量在 Apexcharts 事件中调用函数？

如何解决如何使用角度分量在 Apexcharts 事件中调用函数？

我正在使用 apexcharts 角度库来图形表示我的数据。当我点击栏时，我想触发另一个功能。这是我对条形图的配置。

this.chartOptions = {
      series: [
        {
          name: "basic",data:[25,30,35,40]
        }
      ],chart: {
        type: "bar",height: 350,events: {
          click(event,chartContext,config) {
            console.log(config.seriesIndex);
            console.log(config.dataPointIndex);
            //this.getStates(config.dataPointIndex);
            var test: number = config.dataPointIndex;
            console.log(config.globals.labels[test]);
            this.getStates(test);
          }
        }
      },plotOptions: {
        bar: {
          horizontal: true
        }
      },dataLabels: {
        enabled: false
      },xaxis: {
        categories: ["India","Pakistan","USA","England"]
      }
    }

这里，getStates 是我想在点击图表中的任何条时触发的函数。

有人可以回复如何调用该函数吗？

解决方法

您可以传入一个箭头函数作为回调，以保留 this 关键字的含义。

chart: {
  type: "bar",height: 350,events: {
    click: (event: any,chartContext: any,config: any) => {
      this.getStates(config.dataPointIndex);

      console.log(config.seriesIndex);
      console.log(config.dataPointIndex);
      var test: number = config.dataPointIndex;
      console.log(config.globals.labels[test]);
      this.getStates(test);
    }
  }
}

您可以在回调 here 中找到有关 this 关键字含义的更多信息。