定量比例尺的使用(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....