Morris折线图 - X轴显示时间(HH:MM)而不是仅有1-6天的日期

时间:2015-06-03 18:26:38

标签: linechart morris.js

美好的一天!

我一直在使用Morris Line Chart创建我的折线图,而我目前在X轴上遇到了一些日期问题。我已经阅读并检查了网络上是否有我失败的解决方案。

在我的图表页面中,我有一个时间变量(start_date),使用

将它们转换为毫秒

var temp_time_i = new Date($scope.start_date *1000);

现在从这个变量,获取年,月和日并将它们转换为字符串,我使用

var month = ('0' + (temp_time_c.getMonth()+ 1)).slice(-2);
var day = ('0' + temp_time_c.getDate()).slice(-2);
var year = temp_time_c.getFullYear();

然后我将它们推入我的数据数组

issued.push({ Date: year+"-"+month+"-"+day, Value: response.issued_numbers[a]});

注意:请忽略变量a,因为此函数位于for循环中。

如您所见,“日期:”格式化为年 - 月 - 日。但是,当我调用图表并且天数小于7时,它将以HH:MM格式显示。您可以查看图片here。但是当我的“日期”变量超过7天时,它会显示here所示的日期。 (两者都是imgur文件,因为我还无法上传自己的图像。

非常感谢任何帮助或指导我阅读。

1 个答案:

答案 0 :(得分:0)

如果将parseTime设置为false,则可以使用任何格式。

例如:parseTime: false