完全隐藏 Chart.js 中的空条

In my Chart.js 条形图，每个标签大约有 6 个数据集。 其中一些数据集的值为“0”。 这会导致 x 轴上出现空白，请参阅：

我想删除这些空白。我该怎么做？

从数据库呈现我的代码后，它看起来像这样。请注意，为了简单起见，我大大减少了代码，使其仅包含两年。上图仅显示一年。

const labels = [2019, 2020];

const data = {
    labels: labels,
    datasets: [{
        label: 'Dataset 1',
        data: ['0','0']
    },
    {
        label: 'Dataset 2',
        data: ['0', '300']
    },
    {
        label: 'Dataset 3',
        data: ['0','360']
    },
    {
        label: 'Dataset 4',
        data: ['0','0']
    },
    {
        label: 'Dataset 5',
        data: ['0','0'],
    },
    {
        label: 'Dataset 6',
        data: ['0', '1020']
    }]
};

将“0”替换为“null”没有帮助。我需要包含“0”/“null”，否则所有数据集都会转移到错误的年份。然而，正如前面提到的，我不想浪费空间，因为数据集每年都不同，并且将会有更多的数据集！

我应该以不同的风格呈现数据集吗？我应该使用插件来隐藏这些空白点吗？

太感谢了！

我在这里问了同样的问题：

如何防止 Chart.js 条形图中空条占据宽度 https://stackoverflow.com/questions/69919671/how-to-prevent-empty-bars-from-taking-up-width-in-chart-js-bar-chart/69920399#69920399

如果你的问题和我的一样，你需要添加skipNull到您的数据集。