javascript - 人力车 JavaScript 库 : strings for x-axis

Question

我有一个数组如下:

var data = [ { x: "2013-10-22T22:56:25.534Z", y: 0 }, { x: "2013-10-22T22:56:25.524Z", y: 162 }, { x: "2013-10-22T22:56:25.514Z", y: 0 } ];

等等。总共 50 个对象，每个对象都有 x 和 y 值。该数组应该用于通过此人力车库绘制图表:http://code.shutterstock.com/rickshaw/ .

如上所示，x 轴应显示字符串格式的时间戳。一切看起来都很好，但我收到一条错误消息:未捕获的 x 和 y 点属性应该是数字而不是字符串和数字

有谁知道，我如何调整人力车库才能在图表的 x 轴上显示时间戳(字符串)？

更新A: 尝试解决人力车库中的问题正如此处建议的( Rickshaw - js chart library: Need strings instead of numbers on axes )，也可以添加一个涵盖字符串格式的函数。但我不知道如何完成这个适用于我的项目的格式化程序。

Answer 1

我不是 Rickshaw javascript 库专家。从他们的示例和错误日志来看，它看起来像 - 它需要 INTEGER 类型的 X 和 Y 对象值，但这里 X 的类型是“String”。

因此，您可以传递 UNIX 时间戳(INT 类型)，而不是以 String 格式传递时间。

<小时/>

要将日期时间转换为 Javascript 中的 Unix 时间戳，请使用 Date.js 插件

Convert normal date to unix timestamp

简单地循环你的 X 坐标并将它们更改为 Unix 时间戳 -

var changeDateTimeToTimestamp = function(data){
    for(var key in data){
        data[key].x = new Date(data[key].x).getTime() / 1000;
    }
    return data;
}

var data = [ { x: "2013-10-22T22:56:25.534Z", y: 0 }, { x: "2013-10-22T22:56:25.524Z", y: 162 }, { x: "2013-10-22T22:56:25.514Z", y: 0 } ];
var newData = changeDateTimeToTimestamp(data);
//console.log(newData);