无法调用 onClick 函数 chart.js 中的任何函数

Question

我无法调用 chart.js 的 onClick 函数内的任何函数。甚至不能更改公共变量值。

initializeGraph() {
 this.graph = new Chart('graph', {
  type: 'pie',
   data: {
    datasets: [{
     data: [1,2],
      backgroundColor: ['#RRGGBB', '#FF0000'],
     }],
      labels: ['blue','red']
    },
   options: {
    onClick : function(event,elements) {
     this.hello();
    }
   }
  });
 }

 hello() {
  console.log("i am here");
 }

Answer 1

你可以试试

initializeGraph() {
    const that = this;
    this.graph = new Chart('graph', {
        type: 'pie',
          data: {
            datasets: [{
              data: [1,2],
              backgroundColor: ['#RRGGBB', '#FF0000'],
            }],
            labels: ['blue','red']
          },
          options: {
           onClick : function(event,elements) {
              that.hello();
            }
          }
     });

}

Answer 2

您是否尝试过使用箭头功能？ (e) => {} this 变量的作用域在使用箭头函数时是不同的。 箭头函数从父作用域继承“this”，在您的情况下，它可能指的是全局作用域。