Chart.js xAxes日期标签根据屏幕宽度进行更改

Question

我一直在搞乱chart.js时间选项（displayFormat和tooltipFormat）：

type: 'time',
unit: 'day',
unitStepSize: 1,
time: {
    displayFormats: {
        'day': 'dd',
    },   
    tooltipFormat: 'll'
},

在17英寸笔记本电脑屏幕上按预期工作。

这会将日期显示为Mo，Tu，We，Th，Fr，Sa，Su。

然而，在24英寸显示器上，chart.js会自动更改日期，它们会变为：

Aug 18 12AM - Aug 18 12PM，Aug 19 12AM - Aug 19 12PM等

如何阻止这种情况发生？

Answer 1

您还需要将hour的 displayFormats 属性设置为 dd ，如下所示：

...
time: {
   displayFormats: {
      'day': 'dd',
      'hour': 'dd' //<-- set this
   },
   tooltipFormat: 'll'
},
...