D3.js的学习_02_比例尺

D3 中的比例尺，有定义域和值域，分别被称为 domain 和 range。开发者需要指定 domain 和 range 的范围，如此即可得到一个计算关系。(即两者映射的关系:y=fun(x)；)

 

1.线性比例尺(用于连续)

核心代码:

var linear = d3.scale.linear()
        .domain([min, max])
        .range([0, 300]);

其中min,max即为定义域的最大值与最小值.(即liner(min)=0；而liner为映射关系fun)；ps:若要求一组数组中的最大值和最小值,可用d3的函数d3.max(dataset).

2.序数比例尺(用于离散)

核心代码(与线性比例尺相似,将linear换为ordinal):

var ordinal = d3.scale.ordinal()
        .domain(dataset_1)
        .range(dataset_2);

更多:

https://www.cnblogs.com/chenjinxinlove/p/5608165.html