我愿意使用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
时间格式?我该怎么做?
最佳答案
您需要将x轴
定义为时间线:
var xAxis = new Rickshaw.Graph.Axis.Time({
graph: graph,
});
xAxis.render();
然后将 x
轴数据指定为(第一个):
new Date(2014, 11, 4 , 10, 16, 0, 0).getTime()
或使用其他Date
构造函数。
关于javascript - 使用 Rickshaw 绘制时间序列图表。输入数据的格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26444866/