d3的比例尺和座標軸

2022-02-03 03:42:25 字數 744 閱讀 5098

1. 比例尺

比例尺的關鍵概念:定義域和值域,比例尺本質就是乙個函式。

常用比例尺有:

1.1 線性比例尺 d3.scale.linear()

1.2 指數比例尺 d3.scale.pow().exponent(x) x為指數

1.3 對數比例尺 d3.scale.log()

1.4 量子比例尺 d3.scale.quantize() 分段

1.5 分位比例尺 d3.scale.quantize() 分位

1.6 閾值比例尺 d3.scale.threshold() 同樣是分段,將連續的定義域對映到離散的值域裡

1.7 序數比例尺 d3.scale.ordinal() 定義域和值域都是離散的

2. 座標軸

d3.svg.axis() 建立預設在座標軸

方法:2.1 axis(selection) 將座標軸應用到指定的選擇集上

2.2 axis.scale([scale]) 設定或獲取座標軸的比例尺

2.3 axis.orient([orientation]) 設定或獲取座標軸的方向,有top,bottom,left,right四個值

2.4 axis.ticks([argument...]) 設定或獲取座標軸的分隔數

2.5 axis.tickvalues([values]) 設定或獲取座標軸的刻度數。如,引數為[1,2,3,6,7,8],則在這幾個值上會有刻度。

D3中的比例尺

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

d3裡的比例尺

1 d3中的比例尺也有定義域和值域,分別是domain和range,開發者需要指定domain和range的範圍,如此即可以得到乙個計算關係 2 線性比例尺 能將乙個連續的區間對映到另一區間,要解決柱形圖寬度的問題,就需要線性比例尺 3 如 4var dataset 1.2,2.3,0.9,1.5,...

D3中常用的比例尺

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