amCharts dateAxis仅显示时间而不显示日期

时间:2019-05-19 13:01:35

标签: javascript amcharts amcharts4

图表数据日期是以下示例格式: 19/5/17 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. 单击并拖动不会导致缩放,它只会选择/突出显示该区域。希望实现缩放。

1 个答案:

答案 0 :(得分:1)

您的图表 new SIP.UA().invite('recipient@example.onsip.com', {media: {stream: mycustomstream}}).on('accepted', function() { ..start streaming }) baseInterval,因此您应该为hour键(docs)设置日期格式:

hour

也许您想设置其他键的格式。因此,请看一下以前链接的文档。

categoryAxis.dateFormats.setKey("hour", "M/dd/yy H:mm"); 仅用于读取数据。

要进行缩放,您已将光标行为设置为此:

inputDateFormat

您应该删除该行或将其设置为chart.cursor.behavior = "selectX"; docs):

zoomX

或者,您可以使用chart.cursor.behavior = "zoomX"; zoomY

Here我分叉了您的密码笔并对其进行了更新。