首页 > 解决方案 > 将 ChartJS xAxes unitStepSize 设置为从最后一个标签后退

问题描述

我正在使用 ChartJS 绘制折线图。该数据集包含从 1990 年代后期到今天的每日数据。对于 X 轴,我希望标签每五年显示一次。我通过以下选项实现了这一点。

options: {
    scales: {
        xAxes: [{
            type: "time",
            time: {
                unit: 'month',
                displayFormats: {
                    month: 'YYYY/MM'
                },
                unitStepSize: 60
            }
        }],
    }
}

这部分工作如下所示 在此处输入图像描述

但是,我需要 5 年的单元步骤从 xAxes 的末尾开始,而不是从开始。此外,我需要 xAxes 始终显示一月份的刻度,而不是数据开始的月份。所以在上面的例子中,xAxes 标签是

2001/01, 2006/01, 2011/01, 2016/01,2021/01

这可能吗?

标签: chart.js

解决方案


推荐阅读