无法在 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”，在您的情况下，它可能指的是全局作用域。