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

发布时间：2020-12-17 09:27:41 所属栏目：安全来源：网络整理

导读：我试了下面的代码, 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

我试了下面的代码,

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!