热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

图表x轴以时间戳代替日期Chart.js显示

我正在用图表js绘制json图。即使我将格式设置为日期,我仍然会获得时间戳。我

我正在用图表js绘制json图。即使我将格式设置为日期,我仍然会获得时间戳。我希望有一个人可以帮助我。顺便说一句,正在从Firebase检索数据。我附上我正在使用的代码。

谢谢。

输出:

图表x轴以时间戳代替日期Chart.js显示

所需的输出:

图表x轴以时间戳代替日期Chart.js显示

代码:

false

我从Firebase获取数据

write_data([]).
write_data([X]) :-
/*!,*/write('LAST!'),nl.
write_data([X | Rest]) :-
dif(Rest,[]),/**/
write(x),nl,write_data(Rest).

我将其格式化为MMDDYYYY

var currentDate= val.date; //Extracting the date value in dd/mm/yyyy format from the mentioned text box

然后将其更改为日期数据类型

//Printing the extracted date value before making the change
var newDate = currentDate.split('/'); //Splitting the extracted date value using the delimiter /,which is the seperator used in the date value
currentDate = newDate[1] + "/" + newDate[0] + "/" + newDate[2];//Constructing a new date value (string) using the splitted values.

我将所有更改后的数据添加到用于绘制数据的数组中

var dateObject = new Date(currentDate);



您必须更改显示格式。 chart.js喜欢Unix,人们喜欢日期字符串。
您应该添加类似此功能的内容以显示日期:

function getTimeString(date) {
var day = date.getDate();
var mOnth= date.getMonth() + 1;
var year = date.getFullYear();
return day + '/' + month + '/' + year;
}

每当我在chart.js中使用时间刻度时,我都会添加moment.js,因为它的功能要强大得多。但这对于Web应用程序可能有点过大。


推荐阅读
author-avatar
啦啦郭嘿
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有