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-axis定义为时间轴：

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

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

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

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

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

1 个答案: