【问题标题】:Unable to set time HH:mm:ss in amchart?无法在 amchart 中设置时间 HH:mm:ss?
【发布时间】:2019-01-11 11:03:58
【问题描述】:

我正在使用 amcharts,但无法在图表中设置小时/分钟。它始终显示 00:00。

// Set date label formatting
    dateAxis.dateFormats.setKey("day", "yyyy/MMM/dd HH:mm");

我正在通过毫秒

let newDate = new Date(parseInt(this.vitalHistoryEachData[i]['observation-time']));

我正在推送列表中的数据

chartData.push({
date:newDate,
DataSet1: DataSet1,
DataSet2: DataSet2
});

我在https://codesandbox.io/s/4mzp27v67创建了一个示例

【问题讨论】:

标签: angular typescript angular6 amcharts


【解决方案1】:

现在您正在指定“天”。

您需要设置日期粒度。

数据粒度 基于日期/时间的数据可以以不同的时间间隔出现。例如,我们可以每年只有一个条目,或者我们 每毫秒可以有一个数据点。

日期轴将通过以下方式确定粒度 检查您的实际数据。所以,如果你有一分钟​​的数据点 在它们之间,轴将确定要使用的最佳粒度是 分钟。

数据粒度会影响轴网格的绘制方式,以及标签的绘制方式 格式化。例如。如果您每天都有一个数据点,那么 为每个数据点显示一条网格线和一个日期标签。

看这里:https://www.amcharts.com/docs/v4/concepts/axes/#Data_granularity

【讨论】:

  • 我用过这个代码 "dateAxis.dateFormats.setKey("date", "yyyy/MMM/dd HH:mm");"它不工作。
  • 你有 Codepen 或类似的示例吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-03-01
  • 1970-01-01
  • 2016-07-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多