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

前端之家收集整理的这篇文章主要介绍了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

猜你在找的Angularjs相关文章