Question

我正在尝试在chart.js中的折线图的x轴刻度上渲染时间数据数组，但尽管尝试了很多选项设置但根本无法显示它。数据采用字符串格式[＆＃34; 00：30＆＃34;，＆＃34; 01：00＆＃34;，＆＃34; 01：30＆＃34; ...]这些是我的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");
       }
   }
}],

Chart.js显示时间数据

1 个答案: