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

时间:2013-04-25 09:26:31

标签: svg angularjs d3.js nvd3.js

我尝试了以下代码,

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

在轴中,我在轴值中得到 1e + 0,2e + 0,3e + 0,4e + 0 的值。但是我需要lograthmic值,例如10,100,1000,10000 ..等等....

1 个答案:

答案 0 :(得分:19)

log.scale的{​​{1}}与轴tickFormat功能结合使用。

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

tickFormat

然后,设置轴:

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

例如

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