amCharts dateAxis 只显示时间不显示日期
amCharts dateAxis displays only time and not date
图表数据日期格式如下:
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";
- 希望在图表上显示完整日期。
无法修复的其他小问题:
- 点击并拖动不会导致缩放,它只会选择/突出显示区域。希望实现缩放。
您的图表 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了你的码笔更新了
图表数据日期格式如下: 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";
- 希望在图表上显示完整日期。
无法修复的其他小问题:
- 点击并拖动不会导致缩放,它只会选择/突出显示区域。希望实现缩放。
您的图表 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了你的码笔更新了