chart.js - 自动跳过 : False not working on time xAxes labels

Question

我有一个条形图，它每秒自动跳过 xAxes 标签。我需要显示所有标签，但是设置 AutoSkip: F​​alse 无效。
下面是我的代码，我从中删除了一些额外的数据集。

        var myChart2 = new Chart(document.getElementById("ch2"), {
        type: 'bar',
        data: {
            datasets: [
                {
                    label: 'Budget',
                    data: [<data here>]
                }
            ]
        },
        options: {
            tooltips: {
                callbacks: {
                    label: function (tooltipItem, data) {
                        return '$' + tooltipItem.yLabel;
                    }
                }
            },
            scales: {
                yAxes: [{
                    ticks: {
                        beginAtZero: true,
                        callback: function (value, index, values) {
                            return '$' + (value >= 1000000  ? value/1000000+'M' : value);
                        }
                    },
                    stacked: true
                }],
                xAxes: [{
                    type: "time",
                    ticks: {
                        autoSkip: false    // Not working
                    },
                    time: {
                        unit: 'month',
                        format: 'DD MMM YYYY',
                        tooltipFormat: 'MMM YYYY',
                        displayFormats: {
                            month: 'MMM'
                        }
                    },
                    offset: true,
                    gridLines: {
                        display: false,
                        offsetGridLines: true
                    }
                }]
            }
        }
    });

Answer 1

就我而言，我需要设置 source: date .您将获得 xAxi 上的所有日期步骤。顺便试试source: auto它将尝试设置最佳步数(不是全部)。在这里查看 https://www.chartjs.org/docs/latest/axes/cartesian/time.html#ticks-source