Как получить временную отметку в пожарной базе - PullRequest
0 голосов
/ 23 октября 2018

Я хочу отобразить диаграмму с помощью chart.js, но проблема в том, что у меня много данных, и мне нужно отобразить их по дате на оси X.Как получить отметку времени в базе данных?Или есть какой-либо способ отобразить все значения, но с моей собственной осью X, потому что на данный момент он отображает только 7 моих данных, так как в моем месяце только 7.

enter image description here

  ionViewDidLoad() {
    this.afAuth.authState.take(1).subscribe(auth => {
    this.progress=this.afDatabase.list(`progress/${auth.uid}/${this.type}`,ref=>ref.orderByChild('date'))
    this.progress.valueChanges().subscribe(e=>{
      this.data = e;
      for(let d of this.data){
       this.s.push(d.score);
      }
      this.generateChart(this.s);
    })



  });
  }


  generateChart(data){
    this.lineChart = new Chart(this.lineCanvas.nativeElement, {
      type: 'line',
      data: {
         // WANT TO REPLACE VALUE HERE
          labels: ["January", "February", "March", "April", "May", "June", "July"], 
          datasets: [
              {
                  label: "My First dataset",
                  fill: false,
                  lineTension: 0.1,
                  backgroundColor: "rgba(75,192,192,0.4)",
                  borderColor: "rgba(75,192,192,1)",
                  borderCapStyle: 'butt',
                  borderDash: [],
                  borderDashOffset: 0.0,
                  borderJoinStyle: 'miter',
                  pointBorderColor: "rgba(75,192,192,1)",
                  pointBackgroundColor: "#fff",
                  pointBorderWidth: 1,
                  pointHoverRadius: 5,
                  pointHoverBackgroundColor: "rgba(75,192,192,1)",
                  pointHoverBorderColor: "rgba(220,220,220,1)",
                  pointHoverBorderWidth: 2,
                  pointRadius: 1,
                  pointHitRadius: 10,
                  data: data,
                  spanGaps: false,
              }
          ]
      }

  });
  }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...