更改Chart.js日期中的时间格式

时间:2018-07-09 08:45:45

标签: javascript date chart.js momentjs

我试图更改Chart.js时间线图表中的日期格式没有成功,到目前为止,我已经尝试了所有这些都没有成功:

  1. 在将日期对象添加到标签数组之前对其进行格式化:

    var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
    
    var date = (new Date()).toLocaleDateString('en-EN', options);
    
  2. 创建力矩对象并将其添加到标签数组:

    var m = moment(new Date()).format('l')
    

我能够实现任何目标的唯一方法是放弃时间轴图表,然后构建另一个图表,在其中插入表示日期的格式化字符串(换句话说,这些是简单的折线图,其中将字符串作为日期,但我认为这是一个可怕的解决方案)。

反正有这样做吗?

1 个答案:

答案 0 :(得分:1)

在Chart.js中更改日期格式可以很容易:

var chart = new Chart(ctx, {
type: 'line',
data: data,
options: {
    scales: {
        xAxes: [{
            type: 'time',
            time: {
                displayFormats: {
                    quarter: 'MMM YYYY'
                }
            }
        }]
    }
}

})

您可以用documentation格式表中给出的任何名称替换displayFormats中的格式。