javascript - 使用 Rickshaw 绘制时间序列图表。输入数据的格式

Question

我愿意使用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();

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

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

Answer 1

您需要将x轴定义为时间线:

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

然后将 x 轴数据指定为(第一个):

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

或使用其他Date构造函数。