視覺化工具 D3 比例尺的使用(ordinal)

2021-08-02 05:28:49 字數 865 閱讀 2191

定量比例尺的使用(quantitative)

序數比例尺的值域和定義域都是離散的,而不像定量比例至一樣,要求定義域是連續的,值域可連續可離散。

d3.scale

.ordinal()

.domain()/*定義域*/

.range()/*值域*/

.rangepoints()/*為了自動計算離散值所採用的方法,用離散點分割區間*/

.rangeroundpoints()/*離散點分割區間進行取整*/

.rangebands()/*用離散區間分割區間*/

.rangeroundbands()/*用離散區間分割區間進行取整*/

.copy()/*從已有的變換中複製出乙個變換*/

一些詳細的含義在

除此之外還有內建的顏色比例尺,提供了四種:

d3.scale

.category10()/*十種顏色*/

d3.scale

.category20()/*二十種顏色*/

d3.scale

.category20b()

d3.scale

.category20c()

和通常用來除錯的:

console.log(rangeband())/*每一段的寬度*/

console.log(rangeextent())/*值域的最大最小值*/

console.log(ordinal(x))/*當前x對應的y*/

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....