ng2-chart 日期显示为 unix 时间戳

Question

我正在从我的数据库中导入日期 Object。不幸的是，日期显示为 Unix 时间戳 (-62101391858000)。我知道可以像这样通过 pipes 格式化我的日期：{{myDate | date:medium}} 但我使用的是 ng2-charts 因此我必须以另一种方式解决这个问题。我的图表是这样显示的：

<base-chart class="chart" 
    [datasets]="lineData" 
    [labels]="lineLabels" 
    [options]="lineChartOptions" 
    [colors]="lineChartColours"
    [legend]="lineChartLegend" 
    [chartType]="lineChartType">
</base-chart>

我试图找到 <base-chart>，但它隐藏在 ng2-charts 魔法中的某处。

关于如何解决这个问题有什么建议吗？

Answer 1

我现在想通了，我没有尝试 pipe 前端的输出，而是简单地做了一个 typecast:

this.temp1.push(new Date(data[i]["truncStartTime"]).toLocaleDateString());

而不是：

this.temp1.push(data[i]["truncStartTime"]);

Answer 2

您只需声明时间为 UNIX 时间（Moments.js - 标记 'X'）。

  scales: {
  xAxes: [{

              type: 'time',
              time: {
                    format: 'X',
                    displayFormats: {minute: 'HH:mm'},
                                         // round: 'day'
                                  tooltipFormat: 'll HH:mm'
                  },

重要的部分是'格式：'X'

ng2-chart 日期显示为 unix 时间戳

ng2-chart date is displayed as unix timestamp

typescript

ng2-charts

angular