svg - 如何在 D3 轴刻度中获取数值而不是对数值？

Question

我尝试了以下代码，

d3.scale.log().domain([1,4]).range([h, 0]);

在轴上，我在轴值中得到的值为1e+0, 2e+0, 3e+0, 4e+0。但我需要对数值，例如 10、100、1000、10000 ..等等。

score 19 · Accepted Answer

将log.scale'stickFormat与轴tickFormat函数结合使用。

例如。设置 1 -> 10000 对数刻度：

var s = d3.scale.log().domain([1, 10000]).range([1000, 0])

然后，设置轴：

var axis = d3.svg.axis().scale(s).tickFormat(function (d) {
        return s.tickFormat(4,d3.format(",d"))(d)
})

例子

我们想要 4 个刻度 - 每个 10 的幂一个 - 并用逗号格式化为数字。

在此处了解有关格式化的更多信息：
https ://github.com/mbostock/d3/wiki/Formatting

1 回答 1