Angular 6中泳道图表中的日期格式问题

时间:2018-12-26 06:48:10

标签: angular

我想将日期类型与字符串类型进行比较,并使用Angular 6中的泳道折线图在图表中进行绘制。问题是,如果我在x轴上绘制日期字段,则可以正常工作。但是,如果我在y轴上绘制它,则无法正常工作。它显示为1,520,000,000,00。.

我也尝试过使用YAxisTickFormatting,但它也无法产生预期的结果。 https://stackblitz.com/edit/angular-drzddd?file=src%2Fapp%2Fapp.component.ts

HTML:

<ngx-charts-line-chart [animations]="false" [scheme]="lineChartColor" [results]="lineChartData" [xAxis]="true" [yAxis]="true"
      [showXAxisLabel]="true" [xAxisLabel]="'Name'" [showYAxisLabel]="true" [yAxisLabel]="'Date'" [roundDomains]="true" [yAxisTickFormatting]="dateTickFormatting" 
      [autoScale]="true"></ngx-charts-line-chart>

打字稿:

    dateTickFormatting(val: any): String {
    if (val instanceof Date) {
      var options = { month: 'long' };
      return (<Date>val).toLocaleString();
    }
  }

该如何解决?

0 个答案:

没有答案