Question

我的图表是从1970年1月1日开始绘制x轴点。我的js在下面。我的x坐标的格式是导致问题的原因，如果是这样，我怎样才能得到这些日期？

var chart = new Chart(document.getElementById('myChart'), {
type: 'line',
data: {
    datasets: [{ 
    data: [{x:15-04-2018,y:10},{x:16-04-2018,y:20},{x:17-04-2018,y:30}],

    borderColor: '#3e95cd',
    fill: false
  }]},

options: {
    scales: {
        xAxes: [{
            type: 'time',
            unit: 'day' ,
            distribution: 'linear',
            ticks: { source: 'data' },
            time: { displayFormats: { day: 'MMM DD' } }
        }]
    },
    title: {
    display: true,
    text: 'Student Assessment Cluster Scores'
},


} });

Answer 1

必须将日期值输入为javascript Date对象。就像文档说的那样，

data: [{
    x: new Date(),
    y: 1
}, {
    t: new Date(),
    y: 10
}]

所以在我的问题中，日期可以表示为：

data: [
{x:new date(15-04-2018),y:10},
{x:new date(16-04-2018),y:20},
{x:new date(17-04-2018),y:30}
]

chartjs中时间数据的正确格式是什么？

1 个答案: