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