javascript - amCharts dateAxis 只显示时间而不显示日期

Question

图表数据日期为以下示例格式：5/17/19 18:00

但是，该图表仅在日期轴上显示时间，例如：18:00

我希望能够显示完整的日期和时间，就像它在数据对象中的方式一样。

我尝试设置输入日期格式和图表日期格式。没有帮助。

这是工作代码： https ://codepen.io/pthakkar/pen/dEzOJo

chart.dateFormatter.dateFormat = "M/dd/yy H:mm";
chart.dateFormatter.inputDateFormat = "M/dd/yy H:mm";

1. 希望在图表上显示完整日期。

其他无法修复的小问题：

2. 单击并拖动不会导致缩放，它只会选择/突出显示该区域。希望实现变焦。

Answer 1

您的图表baseInterval是这样的，因此您应该为键（docshour ）设置日期格式：hour

categoryAxis.dateFormats.setKey("hour", "M/dd/yy H:mm");

也许您想设置其他键的格式。因此，请查看先前链接的文档。

inputDateFormat仅用于读取数据。

对于缩放，您已将光标行为设置为：

chart.cursor.behavior = "selectX";

您应该删除该行或将其设置为zoomX（docs）：

chart.cursor.behavior = "zoomX";

或者，您可以使用zoomY或zoomXY。

在这里，我分叉了您的代码笔并对其进行了更新。