can't call any function inside of onClick function chart.js

Question

I cannot call any function inside of the onClick function of chart.js. cannot even change public variable values.

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");
 }

MRsa · Accepted Answer · 2020-10-19 07:58:01Z

1

Could you try

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();
            }
          }
     });

}

answered Oct 19, 2020 at 7:58

MRsa

6844 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Bryce Chan · Accepted Answer · 2020-10-19 08:00:14Z

0

Did you try using arrow function? (e) => {} The this variable’s scope is different when using arrow function. The arrow function inherit the ‘this’ from the parent scope, which in your case might refers to global scope.

edited Oct 19, 2020 at 8:00

answered Oct 19, 2020 at 7:55

Bryce Chan

1,65312 silver badges30 bronze badges

2 Comments

Bhagyashree Sarkar Over a year ago

You mean like this : onClick : function((elements) => { hello(); })

Bryce Chan Over a year ago

No, arrow function is another way to write function in ES6, e is the event handler in your case. Check the link below. developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

Collectives™ on Stack Overflow

can't call any function inside of onClick function chart.js

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related