如何在x轴上设置最大/最小以在Chart.js中显示时间范围？

Question

如何设置在x轴上显示的最大值和最小值？理想情况下，我希望它仅显示一个24小时周期。该图表使用以下选项进行了初始化：

options: {
  scales: {
    yAxes: [{
      ticks: {
        beginAtZero: true,
        max: 120,
        fontFamily: 'FontAwesome'
        }
    }],
    xAxes: [{
      type: 'time',
      time: {
        unit: 'day',
        displayFormats: {
        'day': 'HH:mm'
      }
    },
    distribution: 'series',
    ticks: {
      source: 'data'
    }                                               
  }]
},

设置最大/最小：

chart.options.scales.xAxes[0].ticks.min = dateToday;
chart.options.scales.xAxes[0].ticks.max = dateTomorrow;

日期是在00:00时的日期对象。

图形输出为：

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLmltZ3VyLmNvbS9NQmJabklHLnBuZyJ9” alt =“ Chart.js”>

有什么想法吗？谢谢。

Answer 1

尝试一下：y轴：[{滴答声：{proposalMin：0，建议的最大：100}}]

它已经过测试，可以为我工作。您也可以设置xAxes。