Fill Chart dynamically with variables from Component

Question

i am new to Angular so i think i'm missing something.

i have 3 variables in my component, those variables are being filled after calling .subscribe method on an observable object.

like this

this.interRetard = this.technicienService.getInterRetard(id).subscribe(data => {
  this.interRetard = data;
});

the interRetard variable contains a number, i can display its value in the html by doing {{interRetard}} .

the problem is that when i try to display it with console.log() it says :

Subscriber {closed: false, _parent: null, _parents: null, _subscriptions: Array(1), syncErrorValue: null, …}

and i need it to give me the exact value like it is displaying it in the html so i can assign it to the chart like this

public doughnutChartData:number[] = [this.interRetard ,  5, 10];

Thank you.

You seem to be using this.interRetard 2 times. Once to hold the subscription returned by the subscribe, and again when you assign data to it inside the subscribe. — R. Richards
– R. Richards, Commented Nov 21, 2018 at 18:34
this.interRetard is being assigned twice in your statement. You only need to assign it inside the subscribe callback. — Wrokar
– Wrokar, Commented Nov 21, 2018 at 18:34
i removed it and something weird is happepning :/ when i do console.log(interRetard) it displayes undefined then when i trigger the method again (selection changed of a select box) it shows the right value :/ :/ — kmar akrout
– kmar akrout, Commented Nov 21, 2018 at 18:41
the type is any .. i have bad news also this is not working doughnutChartData:number[] = [this.interRetard ,this.interFinie,this.interAvance]; — kmar akrout
– kmar akrout, Commented Nov 21, 2018 at 18:46

alokstar · Accepted Answer · 2018-11-21 18:56:11Z

1

This should work:

   this.technicienService.getInterRetard(id).subscribe(data => {
      this.interRetard = data;
      console.log(this.iterRetard);
      this.myFunction(this.iterRetard) or this.myFunction(data);
    });

myFunction(p) {
// Your Logic //
}

edited Nov 21, 2018 at 18:56

answered Nov 21, 2018 at 18:50

alokstar

4992 silver badges7 bronze badges

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

5 Comments

kmar akrout Over a year ago

yes i know this works .. but i need the variable outside the method subscribe so i can put it in an array and assign the array to a chart like this ... public doughnutChartData:number[] = [this.interRetard ,this.interFinie,this.interAvance];

kmar akrout Over a year ago

can you please explain your last comment .. i don't seem to get what u're saying

alokstar Over a year ago

I edited the answer, let me know if that answers your question!

alokstar Over a year ago

@kmarakrout: that comment was partial, so removed it!

kmar akrout Over a year ago

no problem .. i think your answer is working .. i'm trying something if it works perfectly i'll let you know .. thanks

Collectives™ on Stack Overflow

Fill Chart dynamically with variables from Component

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related