工具提示中的 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 轴时，您将在 x 属性上获得 JavaScript Date objects。

为了格式化这些，使用相应的方法。即

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

对于更方便的字符串格式化方法，我会推荐 Moment 库：

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