【问题标题】:Rickshaw appears to be labeling the X-Axis Wrong人力车似乎在标记 X 轴错误
【发布时间】: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


【解决方案1】:

找到了答案。我的纪元时间戳是细粒度的。 Rickshaw 预计秒数而不是毫秒数:1393526720 不是 1393526720569。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-10-06
    • 2023-03-05
    • 2013-09-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多