Как использовать список из angularfire2 на графике

Question

Я создаю сеть, используя angular2, и я использую chartjs для визуализации моих данных из firebase.но я застреваю, когда хочу использовать данные, которые я подписываю с firebase на chartjs.

это мой home.ts

export class HomePage {

  items : Observable<any[]>; 
  dataplot: Arraydata[] = [1,2,3]; // i use this for manually populate my  
                                   // chartjs and its work
  constructor(public navCtrl: NavController,public db:AngularFireDatabase) {
    this.getData();
  }


public getData(){
    let myitem = [];
    this.db.list('/Flow').valueChanges().subscribe( data => {

      myitem = [];
      data.forEach(element => {
        myitem.push(element)
      });

       this.dataplot = myitem;  // i want every time my db updates it update 
                                // the chartjs too, but now its not even apply 
                                // the subscribed data from firebase to chartjs

    },(err)=>{
       console.log("probleme : ", err)
    })
  }

public lineChartData:Array<any> = [    
    { data: this.dataplot } 
];

это мой home.html

<canvas baseChart width="400" height="200"
                  [datasets]="lineChartData"></canvas>

я хочу применить данные из своей базы данных в чартах, даже когдаЗапись базы данных обновлена, но теперь этого не происходит, вы можете дать мне совет или указатель о том, как это сделать, только ручные данные из массива, который я инициализирую, которые применяются к диаграмме.я новичок в машинописи.спасибо за твою помощь.