Chart.js v4.2.1中如何格式化X轴时间刻度值?
解决Chart.js v4.2.1 X轴时间刻度格式化问题
要实现X轴时间刻度显示为星期缩写 日.月(如Mo 12.04、Tue 13.04),结合你使用的date-fns v3.0.0,按以下步骤调整:
确保依赖完整:Chart.js v4.x 需要搭配
chartjs-adapter-date-fns适配器才能用date-fns处理时间格式,需在现有脚本后引入该适配器。修改时间格式配置: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
相关产品推荐
相关产品推荐

