【发布时间】:2014-03-03 20:02:43
【问题描述】:
我在一个非常简单的数据集上实现 Rickshaw 时遇到了麻烦。即使我正在喂人力车特定的纪元时间,它也没有正确标记 x 轴。知道为什么时间戳没有被正确解释吗?
这是我的代码:
var data = [
{ x: 1393526720569, y: 14.00 }, // Thu, 27 Feb 2014 18:45:20 GMT
{ x: 1393527620601, y: 25.86 }, // Thu, 27 Feb 2014 19:00:20 GMT
{ x: 1393528520452, y: 54.86 } // Thu, 27 Feb 2014 19:15:20 GMT
];
var graph = new Rickshaw.Graph({
element: document.querySelector('#chart'),
renderer: 'area',
width: 1000,
height: 350,
series: [ {
data: data,
color: '#ccc'
}]
});
var axes = new Rickshaw.Graph.Axis.Time( { graph: graph } );
var hoverDetail = new Rickshaw.Graph.HoverDetail( { graph: graph } );
graph.render();
【问题讨论】:
-
结果如何?您的 x 值是否被格式化为整数,或者它们是日期但日期不正确?
-
还是根本不渲染? The examples 似乎暗示您必须在轴对象上调用
.render()与图形本身分开。
标签: javascript charts d3.js rickshaw