工具提示中的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');