d3.js使用d3.scale.sqrt()

时间:2013-11-20 09:02:26

标签: d3.js

d3.scale.sqrt()比例是做什么的?根据文档,它类似于d3.scale.pow().exponent(.5),因此返回的比例等同于数字的sqrt函数;例如:

sqrt(0.25) returns 0.5.

因此,当我们应用类似于此的域名时:

d3.scale.sqrt().domain([1, 100]).range([10, 39])

是否表示它取值在1-100之间,并返回范围在10-39之间的sqrt函数?任何人都可以澄清并提供有关这种规模如何运作的更多细节吗?

1 个答案:

答案 0 :(得分:17)

D3中的缩放方式是将输入值(由.domain()定义)映射到输出值(由.range()定义)。所以

 d3.scale.sqrt().domain([1, 100]).range([10, 39])

将值从1到100映射到10到39范围。也就是说,1对应于10和100到39.这与缩放应用的变换无关,这仅影响范围内的值的分布。对于sqrt函数,增长是次线性的,这意味着更多的输入值将落入输出范围的后半部分。