Chart.js错误的x轴日期时间?

Chart.js错误的x轴日期时间?,chart.js,Chart.js,我为chart.js编写了如下脚本: <script> var ctx = document.getElementById("chart0"); var myChart = new Chart(ctx, { type: 'line', data: { labels: [2018-03-28,2018-03-29,2018-03-30,2018-03-31,2018-04-01,2018-04-02,2018-04-03,2018-04-04,2018-

我为chart.js编写了如下脚本:

<script>
var ctx = document.getElementById("chart0");
var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: [2018-03-28,2018-03-29,2018-03-30,2018-03-31,2018-04-01,2018-04-02,2018-04-03,2018-04-04,2018-04-05,2018-04-06,2018-04-07,2018-04-08,2018-04-09,2018-04-10,2018-04-11,2018-04-12,2018-04-13,2018-04-14,2018-04-15,2018-04-16,2018-04-17,2018-04-18,2018-04-19,2018-04-20,2018-04-21,2018-04-22,2018-04-23,2018-04-24,2018-04-25,2018-04-26,2018-04-27],
        datasets: [{
            label: 'Impressions',
            data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,19,0],
            backgroundColor: [
                'rgba(255, 99, 132, 0.2)',
                'rgba(54, 162, 235, 0.2)',
                'rgba(255, 206, 86, 0.2)',
                'rgba(75, 192, 192, 0.2)',
                'rgba(153, 102, 255, 0.2)',
                'rgba(255, 159, 64, 0.2)'
            ],
            borderColor: [
                'rgba(255,99,132,1)',
                'rgba(54, 162, 235, 1)',
                'rgba(255, 206, 86, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(153, 102, 255, 1)',
                'rgba(255, 159, 64, 1)'
            ],
            borderWidth: 1
        }]
    },
    options: {
        scales: {
            xAxes: [{
                ticks: {
                    min: '2018-03-28',
                    max: '2018-04-27'
                }
            }]
        }
    }
});
</script>
datasets: [{
    label: 'Impressions',
      data: [
            {
             x: new Date('2018-03-28'),
             y: 0
            }, {
             x: new Date('2018-03-29'),
             y: 0
            },
            {
             x: new Date('2018-03-30'),
             y: 0
            }
        ...

var ctx=document.getElementById(“chart0”);
var myChart=新图表(ctx{
键入:“行”,
数据:{
标签:[2018-03-282018-03-292018-03-302018-03-3112018-04-012018-04-02018-04-032018-04-042018-04-052018-04-062018-04-072018-04-082018-04-092018-04-102018-04-112018-04-122018-04-132018-04-142018-04-152018-04-04-162018-04-172018-04-04-182018-04-04-192018-04-04-202018-04-2018-2104-0204-0204-248-0204-2018],
数据集:[{
标签:“印象”,
数据:[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,19,0],
背景颜色:[
"rgba(255,99,132,0.2)",,
“rgba(54162235,0.2)”,
"rgba(255,206,86,0.2)",,
“rgba(751921920.2)”,
“rgba(153102255,0.2)”,
‘rgba(255、159、64、0.2)’
],
边框颜色:[
"rgba(255,99132,1)",,
“rgba(54162235,1)”,
"rgba(255,206,86,1)",,
"rgba(751921921)",,
"rgba(153102255,1)",,
‘rgba(255、159、64、1)’
],
边框宽度:1
}]
},
选项:{
比例:{
xAxes:[{
滴答声:{
min:'2018-03-28',
最大值:“2018-04-27”
}
}]
}
}
});
但显示错误X的显示图表如下图所示:

图表显示错误的日期和时间

请帮我把这个修好。这是我第一次使用chart.js


非常感谢

如下修改数据集:

<script>
var ctx = document.getElementById("chart0");
var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: [2018-03-28,2018-03-29,2018-03-30,2018-03-31,2018-04-01,2018-04-02,2018-04-03,2018-04-04,2018-04-05,2018-04-06,2018-04-07,2018-04-08,2018-04-09,2018-04-10,2018-04-11,2018-04-12,2018-04-13,2018-04-14,2018-04-15,2018-04-16,2018-04-17,2018-04-18,2018-04-19,2018-04-20,2018-04-21,2018-04-22,2018-04-23,2018-04-24,2018-04-25,2018-04-26,2018-04-27],
        datasets: [{
            label: 'Impressions',
            data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,19,0],
            backgroundColor: [
                'rgba(255, 99, 132, 0.2)',
                'rgba(54, 162, 235, 0.2)',
                'rgba(255, 206, 86, 0.2)',
                'rgba(75, 192, 192, 0.2)',
                'rgba(153, 102, 255, 0.2)',
                'rgba(255, 159, 64, 0.2)'
            ],
            borderColor: [
                'rgba(255,99,132,1)',
                'rgba(54, 162, 235, 1)',
                'rgba(255, 206, 86, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(153, 102, 255, 1)',
                'rgba(255, 159, 64, 1)'
            ],
            borderWidth: 1
        }]
    },
    options: {
        scales: {
            xAxes: [{
                ticks: {
                    min: '2018-03-28',
                    max: '2018-04-27'
                }
            }]
        }
    }
});
</script>
datasets: [{
    label: 'Impressions',
      data: [
            {
             x: new Date('2018-03-28'),
             y: 0
            }, {
             x: new Date('2018-03-29'),
             y: 0
            },
            {
             x: new Date('2018-03-30'),
             y: 0
            }
        ...
而“选项”应该是:

options: {
   scales: {
      xAxes: [{
          type: 'time'
      }]
    }
}