chart.js x轴日期格式不起作用

Question

我正在使用chart.js作为我的应用程序，我的x-Axes中的dateformat有问题。我的图表如下所示：

示例数据：

[{x:"2018-03-06", y:-0.66}, {x:"2018-03-06", y:-0.499},{x:"2018-03-06", y:-0.199}]

我尝试使用新的Date（）并且没有新的Date（）构造函数，但它无法正常工作。有人能帮助我吗？

我的代码：

  drawChartMultipleColumns(chartData){
    const positions = Object.keys(chartData.data[0][0]).filter((item)=> item.indexOf('tradedate') == -1)

    positions.forEach((pos)=>{

      this.chartItems.push({data:chartData.data[0].map((item)=>{
          return {
            x:new Date(item['data']),
            y:item[pos] * 100
          }
        })
      });
    })


    this.options = LINECHARTXAXES;
    this.chartItems.forEach((item, index)=>{
      this.data.datasets.push({'label': 'test', data: item.data, fill: false, borderColor: '#4bc0c0'})
    })
  }

方法

 export const LINECHARTXAXES = {
      responsive: true,
      tooltip: {enable: false},
      elements: {point: {radius: 0}},
      title: {display: true, text: 'Laufzeit [Jahr]', fontSize: 16, position: 'bottom'},
      scales: {
        yAxes: [{
          scaleLabel: {
            display: true,
            labelString: '%'
          },
          ticks: {
          }
        }],
        xAxes: [{
          type: 'linear',
          position: 'bottom'

        }]
      }
    }