svg – 如何在D3轴刻度上获取数值而不是Logarthmic值？

我试了下面的代码,

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

在轴上我得到的值为1e 0,2e 0,3e 0,4e 0在轴值.但是我需要10,100,1000,10000 …等等的恶魔价值观.

将log.scale的tickFormat与axis 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)
})

例

http://jsfiddle.net/2hvxc/

我们需要4个刻度 – 每个10的功率一个 – 并用逗号到数字格式化.

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

了解有关日志量表的更多信息：
https://github.com/mbostock/d3/wiki/Quantitative-Scales#wiki-log

轴：
https://github.com/mbostock/d3/wiki/SVG-Axes#wiki-tickSize