在chartjs笛卡尔时间轴上的某些时间位置创建刻度

Question

我创建了一个实时图表，通过添加新值和删除旧值，大约每 10 秒更新一次。

我对选择的时间轴刻度有点不满意。每 10 分钟一次很好，但我更喜欢15:50、16:00、16:10 之类的值。我环顾了documentation 时间轴，但没有发现任何有希望的东西。 我对xAxes 的定义如下：

    xAxes: [
        {
          gridLines: {
            display: true
          },
          type: "time",
          time: {
            unit: "minute",
            unitStepSize: 10,
            displayFormats: {
              minute: "HH:mm"
            }
          },
          ticks: {
            min: 0,
            max: this.datapoints.length,
            autoSkip: true,
            maxTicksLimit: 10
          }
        }
      ]

我尝试遍历数据集并找到“第一个漂亮时间”对象并将该对象设置为我的ticks.min 对象。但这不起作用。

Answer 1

好的，我找到了。该属性位于time 属性中：

time: {
  unit: "minute",
  unitStepSize: 10,
  displayFormats: {
    minute: "HH:mm"
  },
  min: firstprettyTime, // <- moment js object
},

大家都赞这个guy's answer。