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

dy2hfwbg  于 2023-04-20  发布在  Chart.js
关注(0)|答案(1)|浏览(235)

我无法格式化时间的显示格式。我使用的是chart.js v4.2.1和date-fns v3.0.0(这是cdnjs的脚本)。我能够获得单位,但我想要的显示格式是星期天。月份(例如:周一12.04、周二13.04等)
代码如下:

scales: {
            x: {
                type: 'time',
                time: {
                    unit: 'day',
                    displayFormats: {
                        day: 'need to be done'
                    }
                }
            }
sq1bmfud

sq1bmfud1#

浏览date-fns文档(v2),用于具有这些日期字符串表示的格式字符串如下:

EEE dd.MM

这里是date-fns文档的链接,关于格式化:https://date-fns.org/v2.29.3/docs/format
关于缩放,如果你使用的是chartjs-plugin-zoom,它不会改变缩放比例配置,在你的情况下也不会改变时间单位。但我认为你可以使用插件的onComplete(或onProgress)钩子在运行时改变缩放比例配置,使用你的逻辑来改变时间单位。

相关问题