Question

图表位于此页面的底部：

http://www.coinparator.com/cgqnYQ/

我的PHP脚本将X轴值作为unix时间戳发送。虽然我使用JS生成图表，但我将这些unix时间戳转换为时间。

＆＃13;

callback: function(dataLabel, index) {
  timezoned = parseInt(dataLabel, 10) * 1000;
  var date = new Date(timezoned);
  var hours = date.getHours();
  var minutes = "0" + date.getMinutes();
  dataLabel = hours + ':' + minutes.substr(-2);
  return index % 2 === 0 ? dataLabel : '';
}

＆＃13;

如你所见，它运作正常。 X轴显示时间。 但是，如果将鼠标悬停在图表中的任意点（趋势线上的点），它将再次显示未转换的unix时间戳。

即使在趋势线上的悬停框中，如何显示转换时间？

Answer 1

您希望在生成图形时设置/覆盖工具提示选项。我稍微编辑了一些我在项目中使用的咖啡脚本代码，让您了解如何实现这一目标

  tooltips:
      mode: 'label'
      callbacks:
        title: (tooltipItem, data) ->
          return [your date conversion function here]
        label: (tooltipItem, data) ->
          return data

ChartJS：如何在悬停框中更改数据？

1 个答案:

ChartJS：如何在悬停框​​中更改数据？

1 个答案:

ChartJS：如何在悬停框中更改数据？