Acess component variable inside onClick function of Chart Js

Question

I have the following component, but I can't print test variable value inside onClick function of Chart.

export class EntradaSaidaComponent {

  @ViewChild('graficoDeBarraTemplate')
  private graficoDeBarraTemplate;
  graficoDeBarra: Chart;
  test:any = "Test";

  ngOnInit(){
    this.graficoDeBarra = new Chart(this.graficoDeBarraTemplate.nativeElement, {
    type: 'bar',
    data: {
      labels: ["Entrada", "Saída"],
      datasets: [
        {
          backgroundColor: ["#00b050", "#00b0f0"],
          data: [this.dashboard.totalReceber, this.dashboard.totalPagar],
          label: this.sharedProvider.formatMoeda(this.dashboard.totalReceber)
        },
        {
          backgroundColor: ["#03A9F4"],
          data: [],
          label: this.sharedProvider.formatMoeda(this.dashboard.totalPagar)
        },
      ]
    },
    options: {
      responsive: true,
      plugins: {
      },
      legend: {
        display: true,
        position: 'bottom'
      },
      onClick: function(){
        console.log(this.test);
      },
    },
  });
  }

}

How to solve it?

David · Accepted Answer · 2019-06-28 11:47:35Z

2

Use the arrow function

onClick: () => {
    console.log(this.test);
  },

answered Jun 28, 2019 at 11:47

David

34.6k13 gold badges90 silver badges124 bronze badges

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

Comments

user4676340 · Accepted Answer · 2019-06-28 11:47:52Z

1

Context issue.

Either (yes, this is a strange syntax for an object, but trust me it works)

onClick(){
    console.log(this.test);
  },

Or

onClick: () => console.log(this.test),

answered Jun 28, 2019 at 11:47

user4676340

5 Comments

renanvm Over a year ago

Thank you man, but I need to accept only one and David answered some seconds before

user4676340 Over a year ago

@renanzin No problem, I'm here to help, not for the reputation (and as you can see I have plenty) !

renanvm Over a year ago

man how to acess event and array of click chart js inside this function? for example chartClickEvent(event, array) it works but I can't acess the component variable

user4676340 Over a year ago

@renanzin sorry, you'll have to be more specific, I don't get what you want there

renanvm Over a year ago

I will ask a new question

Collectives™ on Stack Overflow

Acess component variable inside onClick function of Chart Js

2 Answers 2

Comments

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related