d3裏的比例尺

 1    // d3中的比例尺也有定義域和值域，分別是domain和range,開發者須要指定domain和range的範圍，如此便可以獲得一個計算關係；
 2     // 線性比例尺:能將一個連續的區間映射到另外一區間，要解決柱形圖寬度的問題，就須要線性比例尺；
 3     // 如：
 4     var dataset = [1.2, 2.3, 0.9, 1.5, 3.3];
 5     var min = d3.min(dataset)
 6     var max = d3.max(dataset)
 7     var linear = d3.scale.linear()
 8     .domain([min,max])
 9     .range(0,300)
10     linear(0.9) //0
11     linear(2.3);    //返回 175
12     linear(3.3);    //返回 300
13     // 序數比例尺：定義域和值域不必定是連續的
14     var index = [0, 1, 2, 3, 4];
15     var color = ["red", "blue", "green", "yellow", "black"];
16     // 咱們但願 0 對應顏色 red，1 對應 blue，依次類推。
17     var ordinal = d3.scale.ordinal()
18     .domain(index)
19     .range(color);
20     ordinal(0); //返回 red
21     ordinal(2); //返回 green
22     ordinal(4); //返回 black