d3裡的比例尺

2022-03-03 06:21:28 字數 836 閱讀 7284

1

// d3中的比例尺也有定義域和值域,分別是domain和range,開發者需要指定domain和range的範圍,如此即可以得到乙個計算關係;

2// 線性比例尺:能將乙個連續的區間對映到另一區間,要解決柱形圖寬度的問題,就需要線性比例尺;

3// 如:

4var dataset = [1.2, 2.3, 0.9, 1.5, 3.3];

5var min = d3.min(dataset)

6var max = d3.max(dataset)

7var linear = d3.scale.linear()

8.domain([min,max])

9.range(0,300)

10linear(0.9) //0

11linear(2.3); //返回 175

12linear(3.3); //返回 300

13// 序數比例尺:定義域和值域不一定是連續的

14var index = [0, 1, 2, 3, 4];

15var color = ["red", "blue", "green", "yellow", "black"];

16// 我們希望 0 對應顏色 red,1 對應 blue,依次類推。

17var ordinal = d3.scale.ordinal()

18.domain(index)

19.range(color);

20ordinal(0); //返回 red

21ordinal(2); //返回 green

22 ordinal(4); //返回 black

D3中的比例尺

比例尺是 d3 中很重要的乙個概念,上一章裡曾經提到過直接用數值的大小來代表畫素不是一種好方法,本章正是要解決此問題。1 vardataset 250,210,170,130,90 繪圖時,直接使用 250 給矩形的寬度賦值,即矩形的寬度就是 250 個畫素。此方式非常具有侷限性,如果數值過大或過小...

D3中常用的比例尺

d3中有個重要的概念就是比例尺。比例尺就是把一組輸入域對映到輸出域的函式。對映就是兩個資料集之間元素相互對應的關係。比如輸入是1,輸出是100,輸入是5,輸出是10000,那麼這其中的對映關係就是你所定義的比例尺。d3中有各種比例尺函式,有連續性的,有非連續性的,本文對於常用比例尺進行一一介紹。1....

d3的比例尺和座標軸

1.比例尺 比例尺的關鍵概念 定義域和值域,比例尺本質就是乙個函式。常用比例尺有 1.1 線性比例尺 d3.scale.linear 1.2 指數比例尺 d3.scale.pow exponent x x為指數 1.3 對數比例尺 d3.scale.log 1.4 量子比例尺 d3.scale.qu...