javascript - Chart.js 显示时间数据

Question

我正在尝试在 chart.js 中的折线图的 x 轴刻度上呈现一组时间数据，但尽管尝试了多种选项设置，但根本无法显示它。数据采用字符串格式 ["00:30", "01:00", "01:30"...] 这些是我的 xAxes 选项设置:

xAxes: [{
   type: "time",
   time: {
      parser: "hh:mm",
      unit: "minute",
      displayFormats: {
                  minute: "hh:mm"
      }
   },

我是否漏掉了一些明显的东西？

谢谢!

Answer 1

您的主要问题是 moment.js 脚本标签应该放在示例中“脚本”标签的早期。如果您这样做(也取消注释“xaxis”部分)，它将在您的示例中起作用。

所以把 script 标签放在 chart.js 上面:

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>

`

这也是一种简单的方法，可以在 chart.js 中表示您想要的任何内容并获取数据并执行您想要的任何操作(这也有助于找到您的错误):

xAxes: [{
   ticks: {
       callback: function(value) {
          //"HH:mm:ss"
          return moment(value).format("mm:ss");
       }
   }
}],