d3.js - Rickshaw 中的 X 轴日期格式

标签 d3.js rickshaw

我已在我的人力车图表中添加了日期时间 X 轴:

var x_axis = new Rickshaw.Graph.Axis.Time({
   graph: graph,
   timeFixture: new Rickshaw.Fixtures.Time(),
});

但是,它通常不会提供我想要的格式。我可以给它一个说明符,以便日期时间始终采用指定的格式(即类似 d3.time.format(specifier) 的格式)吗?

最佳答案

根据 Lars 的链接示例,我做了以下操作:

var format = function(d) {
    d = new Date(d)
    return d3.time.format("%c")(d)
}
var x_axis = new Rickshaw.Graph.Axis.X({
        graph: graph,
        tickFormat: format,
});

这似乎有效,所以现在我只需要找到一种方法来使间距正常......

关于d3.js - Rickshaw 中的 X 轴日期格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21711362/

相关文章:

javascript - D3 中 .remove() 的临时替代方案

javascript - 外部 dom 元素上的 D3.js 事件处理程序触发 svg 树节点的重绘

javascript - 当我在同一页面上有两个图形 D3.js 时宽度异常

javascript - 使用 zurb 基础自动调整 ajax 图表大小 rickshaw.js

javascript - 一旦父节点在 d3 图中折叠,需要将子节点的链接转移到父节点

javascript - d3.js : Want to understand the concept of applying individual properties to elements via a single command

javascript - jQuery.ajax 和 Rickshaw - 回调函数?

javascript - 人力车 JavaScript 库 : strings for x-axis

javascript - 如何将数据流式传输到 Node 服务器以填充人力车图表?