Question

我的图表有点问题，如何在两个给定日期之间在 xAxis 上显示所有日期？
我无法显示所有日期，在屏幕上每 2 个月都会被跳过。我尝试了不同的选择。

我当前的选项设置：

scales: {
    xAxes: [
        { 
            ticks: {
                autoSkip: false,
            },
            type: "time",
            time: {
                unit: window.unit,
                min: window.minDate,
                max: window.maxDate,
                parser: "DD.MM.YYYY HH:mm:ss",
                displayFormats: {
                    day: "DD.MM",
                    month: "MMMM",
                    week: "DD.MM",
                },
            },
        },
    ],
},

source: "labels" example img 它显示所有日期，但如果有重复，我每个月只需要一个日期。

distribution: "series" example img

我还使用了最小和最大刻度 - 它没有用。请帮帮我。

Answer 1

我是这样解决的。

  scales: {
                xAxes: [
                    {
                        ticks: {
                            maxTicksLimit: 31, 
                            maxRotation: 90, 
                            minRotation: 45,              
                        },
                        type: "time",
                        time: {
                            min: window.minDate,
                            max: window.maxDate,
                            parser: "DD.MM.YYYY HH:mm:ss",
                            unit: window.unit,
                            displayFormats: {
                                day: "DD.MM",
                                month: "MMMM",
                                week: "DD.MM",
                            },
                            display: true,
                        },
                    },
                ],
            },

但是现在你需要从头到尾拉伸图形的线条 img example

如何在chart.js中的两个日期之间显示xAxis上的所有日期

1 个答案: