以小时Chart.js显示最小/最大范围

lxkprmvk  于 2022-11-06  发布在  Chart.js
关注(0)|答案(1)|浏览(148)

当我尝试使用Chart.js在条形图的x轴上显示小时的最小/最大范围时遇到了一些问题。现在它显示的是24小时的整个时间范围。我希望该范围介于06:00-23:00之间,但我只能在声明特定的日期范围时才能访问该范围,如下所示:

xAxes: {
        ticks: {
        },
        type: 'time',
        time: {
          unit: 'hour',
          displayFormats: {
            hour: 'HH:mm',
          },
        },
        min: '2022-10-21T06:00:00',
        max: '2022-10-21T23:00:00',
      },

但是我想显示时间范围,而不需要声明日期范围,我以为这样声明是合乎逻辑的,但事实并非如此:

min: 'YYYY-MM-DDT06:00:00',
 max: 'YYYY-MM-DDT23:00:00',

有没有人有办法解决这个问题?
我希望它显示的方式x1c 0d1x

uyto3xhc

uyto3xhc1#

max和min直接在轴上定义,而不是在time选项内定义。
有关详细信息,请参阅Chart.js文档中的“最小值和最大值配置”。
请看下面的可运行代码片段,看看它是如何工作的。
第一个

相关问题