Формат даты в формате X. оси X не работает

Question

Я использую chart.js для своего приложения, и у меня возникла проблема с форматом даты в моих осях X.Мой график выглядит следующим образом:

Пример данных:

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

Я пробовал с новой датой () и без новой даты() Конструктор, но он не работает.Кто-нибудь может мне помочь?

Мой код:

  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'

        }]
      }
    }