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. 希望在图表上显示完整的日期。

无法修复的其他小问题:

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

Answer 1

您的图表 baseInterval 是 hour 因此您应该为 hour 键设置日期格式 ( docs ):

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

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

inputDateFormat 仅用于读取数据。

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

chart.cursor.behavior = "selectX";

您应该只删除该行或将其设置为 zoomX ( docs ):

chart.cursor.behavior = "zoomX";

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

Here我 fork 你的代码笔并更新了它。