<u>D3中,比例尺和坐標(biāo)軸是非常重要而且緊密相關(guān)的兩個(gè)概念。</u>
比例尺:
D3的比例尺:https://github.com/xswei/d3-scale/blob/master/README.md#api-reference
比例尺是繪制圖標(biāo)的重要參考依據(jù)辆亏。比例尺應(yīng)是一個(gè)映射函數(shù)严嗜,對于給定的X可以計(jì)算出對應(yīng)Y值火焰。
D3提供了很多不同類型的比例尺吵聪。
D3中的比例尺是:Scales (d3-scale)
比例尺的種類
-
連續(xù)比例尺(Continuous Scales):將一個(gè)連續(xù)的凌那,定量的輸入映射到連續(xù)的輸出區(qū)間.
- d3.scaleLinear - 創(chuàng)建一個(gè)定量的線性比例尺.
- d3.scalePow - 創(chuàng)建一個(gè)定量的指數(shù)比例尺.
- d3.scaleSqrt - 創(chuàng)建一個(gè)指數(shù)為 0.5 的指數(shù)比例尺.
- d3.scaleLog - 創(chuàng)建一個(gè)對數(shù)比例尺.
- d3.scaleIdentity - 創(chuàng)建一個(gè)定量的恒等比例尺.
- d3.scaleTime - 創(chuàng)建一個(gè)線性的時(shí)間比例尺.
- d3.scaleUtc - 創(chuàng)建一個(gè) UTC 線性比例尺.
-
序列比例尺(Sequential Scales):將連續(xù)的,定量的輸入映射到連續(xù)的固定的插值器.
- d3.scaleDiverging - 創(chuàng)建一個(gè)發(fā)散比例尺.
-
發(fā)散比例尺(Diverging Scales):將連續(xù)的吟逝,定量的輸入映射到連續(xù)的固定的插值器
- d3.scaleDiverging - 創(chuàng)建一個(gè)發(fā)散比例尺.
-
離散比例尺(Quantize Scales):將連續(xù)的輸入域映射到離散的輸出域.
- d3.scaleQuantize - 創(chuàng)建一個(gè)量化比例尺
- d3.scaleQuantile - 創(chuàng)建一個(gè)分位數(shù)比例尺.
- d3.scaleThreshold - 創(chuàng)建一個(gè)閾值比例尺.
-
序數(shù)比例尺(Ordinal Scales):將離散的輸入域映射到離散的輸出域.
- d3.scaleOrdinal - 創(chuàng)建一個(gè)序數(shù)比例尺.
- d3.scaleBand - 創(chuàng)建一個(gè)序數(shù)分段比例尺.
- d3.scalePoint - 創(chuàng)建一個(gè)序數(shù)定點(diǎn)比例尺.
-
補(bǔ)充:插值器
以上比例尺都自帶插值器。你也可以通過重寫interpolator函數(shù)來構(gòu)造一個(gè)自己的比例尺赦肋。例:用顏色插值器構(gòu)造比例尺:Cyclical
使用 d3.interpolateRainbow 實(shí)現(xiàn)一種更優(yōu)雅并且更高效的周期性顏色插值器:
var rainbow = d3.scaleSequential(d3.interpolateRainbow);