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脚本标记应放在示例中的“ script”标记的前面。 如果您这样做，它将在您的示例中起作用（也请取消注释“ xaxis”部分）。

因此，将脚本标签放在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");
       }
   }
}],