使用人力车的时间序列图表。输入数据格式答案

【问题标题】：Chart with time series using Rickshaw. format of input data使用人力车的时间序列图表。输入数据格式
【发布时间】：2014-12-14 05:00:24
【问题描述】：

我愿意用Rickshaw 绘制图表（javascript 库与D3 一起工作）。我的数据如下：

var data = [{x : '10:16:00', y : 35.75}, {x : '10:17:00', y : 35.78},  {x : '10:18:00', y : 31.04}];

但这不适用于简单的代码，例如：

var graph = new Rickshaw.Graph( {
    element: document.querySelector("#chart"), 
    width: 200, 
    height: 200, 
    series: [{
        color: 'steelblue',
        data: data
    }]
});

graph.render();

读取数据未定义的错误消息。在我看来问题是由于我上面的xs 是字符串而不是例如增加整数。

我是否必须将xs 转换为某种javascript 时间格式？我该怎么做？

【问题讨论】：

标签： javascript time d3.js format rickshaw

【解决方案1】：

您需要将x-axis 定义为时间线：

var xAxis = new Rickshaw.Graph.Axis.Time({
    graph: graph,
});
xAxis.render();

然后您将x 轴数据作为（第一个）：

new Date(2014, 11, 4 , 10, 16, 0, 0).getTime()

或使用其他一些Date 构造函数。

【讨论】：