javascript - 如何在 x 轴上设置 max/min 以在 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 时的日期对象。

图形输出为：

有任何想法吗？谢谢。

标签： javascriptchart.js

Answer 1

试试这个：yAxes: [{ ticks: {SuggestedMin: 0,SuggestedMax: 100 } }]

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