Rickshaw javascript 库：x 轴的字符串

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 轴应该以字符串格式显示时间戳。一切看起来都很好，但我收到一条错误消息：Uncaught x and y properties of points should be numbers instead of string and number

有谁知道，我必须如何调整人力车库以在图表的 x 轴上显示时间戳（字符串）？

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

Answer 1

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

因此，您可以pass the UNIX Timestamp- INT 类型，而不是以String 格式传递时间。

---

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

Convert normal date to unix timestamp

只需循环遍历您的 X 坐标并将它们更改为 Unix TimeStamp-

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);