Chart.js x 轴日期标签不按顺序

Question

我有一个Chartjs的折线图，数据来自firestore收集。但是，以 d/m/y 作为标签的 x 轴不会按日期顺序呈现，而是按照将数据添加到数据库的顺序呈现。 请问如何按照日期升序显示？

  const labels = this.data.map((x) => x.date);       
     const dateLabels =  
 labels.map(a=>this.datePipe.transform(a.toDate(), 'dd/mm/yyyy'));     
     const ageLabels = this.data.map((x) => x.age);   


       
      if (this.chart)
      this.chart.destroy();    
       this.chart = new Chart('MyChart', {
        type: 'line',
         data: {
         labels: dateLabels,
         datasets: [
          {
            label: 'Age',
            data: ageLabels,
            backgroundColor: 'green',
          },
        ],
      },
      options: {
        aspectRatio: 2.5,
      },
    });   
       
      })  

解决方案 我已经修复了它，添加了 sort()。

const labels = this.data.map((x) => x.date).sort(); 

Answer 1

解决方案我已修复它添加 sort()。

const labels = this.data.map((x) => x.date).sort();