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

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

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