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');