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

Question

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

我对时间轴的选定刻度有点不满意。每 10 分钟一次很好，但我更喜欢像15:50, 16:00, 16:10. 我查看了文档时间轴，但没有发现任何有希望的东西。我对我的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
},

对这家伙的回答赞不绝口。