javascript - 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'
},
...