javascript - 工具提示中的 c3.js 时间格式

Question

我想在 c3.js chart library 的工具提示内显示时间格式

tooltip: {
   contents: function (d, defaultTitleFormat, defaultValueFormat, color) {
      return "<p>" + d[0].x + "</p>" + "<p>" + d[0].value + "</p>"
   }
 }

这有效:

但是时间格式完全错误，尽管我已经定义了 X 轴刻度格式:

x: {
   type: 'timeseries',
   label: false,
   tick: { format: '%d.%m %H:%M' }
},

所以我必须为工具提示再次重新格式化它。但我现在知道如何做，但在 cs.js docs 中找不到任何内容.

那么我该如何格式化工具提示刻度？

Answer 1

当使用时间序列作为x轴时，您将得到JavaScript Date objects在 x 属性上。

要格式化它们，请使用相应的方法。即

var formattedTime = d[0].x.getHours() + ":" + d[0].x.getMinutes();

为了更方便的字符串格式化方法，我推荐 Moment图书馆:

var formattedTime = moment(d[0].x).format('HH:mm');