You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Chart.js v4.2.1中如何格式化X轴时间刻度值?

解决Chart.js v4.2.1 X轴时间刻度格式化问题

要实现X轴时间刻度显示为星期缩写 日.月(如Mo 12.04、Tue 13.04),结合你使用的date-fns v3.0.0,按以下步骤调整:

  1. 确保依赖完整:Chart.js v4.x 需要搭配chartjs-adapter-date-fns适配器才能用date-fns处理时间格式,需在现有脚本后引入该适配器。

  2. 修改时间格式配置:date-fns中,星期缩写用EEE表示,两位日期用dd,两位月份用MM,组合后的格式字符串为'EEE dd.MM'。将你的代码修改为:

scales: {
    x: {
        type: 'time',
        time: {
            unit: 'day',
            displayFormats: {
                day: 'EEE dd.MM'
            }
        }
    }
}

调整后X轴的每日刻度就会以星期缩写 日.月的格式显示。

内容的提问来源于stack exchange,提问作者Nit_16

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.25 07:52:05