如何在 amchart v3 中将日期转换为时间

Question

我只想显示“早上 6 点”或仅在我的 X 轴上显示时间，而不是显示 2019-09-05 06:00:00

有没有可能只显示时间？我在他们的文档中找不到任何样本。

Answer 1

为此，您可以使用 categoryAxis.labelFunction 参数来格式化标签。您可以为此参数提供一个函数，该函数接受标签的值作为字符串，然后您可以将其解析为 Date 对象并根据需要设置格式：

"labelFunction": function(valueText, serialDataItem, categoryAxis) {
  // '06:00' format
  var date = new Date(valueText);
  var hours = date.getHours();
  var mins = date.getMinutes();
  return ('00' + hours).slice(-2) + ':' + ('00' + mins).slice(-2);

  // '6AM' format:
  var hours = new Date(valueText).getHours();
  return hours + (hours >= 12 ? 'PM' : 'AM');
}

Working fiddle

Answer 2

这里我加了一个功能

function converttoTime(t){
   var d=new Date(t);
   return d.getHours() +":"+d.getMinutes()+d.getSeconds()
}

我修改了你的fiddle你可以看看这里正在工作 example

如何在 amchart v3 中将日期转换为时间

How to Convert date to time in amchart v3

javascript

jquery

amcharts