在使用ngx-charts-line-chart组件绘制折线图时,如果x轴使用日期数据,可能会出现无法正确排序的问题。解决方法如下所示:
import { DatePipe } from '@angular/common';
constructor(private datePipe: DatePipe){}
ngOnInit(): void { this.lineChart.xAxis.tickFormatting = (label: string) => { return this.datePipe.transform(label, 'yyyy-MM-dd'); }
this.lineChart.xAxisTickFormatting = (label: string) => { return new Date(label).getTime(); }
this.lineChart.sorting = (a: any, b: any): number => { return new Date(a.name).getTime() - new Date(b.name).getTime(); } }
通过以上步骤,就可以解决