比例尺是用來(lái)映射值域(真實(shí)值)和畫(huà)布(svg)之間對(duì)應(yīng)關(guān)系的工具。
比例尺分為線性比例尺,d3.scale.linear().domain(array1[]).range(array2[]);
序列比例尺,d3.scale.ordinal().domain(序列值).rangeRoundBands(畫(huà)布上多范圍)。
畫(huà)布是人看到的區(qū)域,而圖形圖表的大小可能很大或者很小,體現(xiàn)在畫(huà)布上要么是太大了放不下,太小了分不清。所以需要按比例進(jìn)行縮放。
比例尺一般結(jié)合坐標(biāo)軸來(lái)用。
定義圖形時(shí)要注意,x軸是從左到右走,y軸從上往下走。具體到比如柱形圖,若某一個(gè)柱形在y方向上的起點(diǎn)值越小,相對(duì)于y方向上的偏移量dy越大,則該柱形越矮。
繪制柱形圖的一般步驟:
01.定義畫(huà)布
02.定義柱形的數(shù)組
03.定義x軸比例尺,y軸比例尺,x軸坐標(biāo),y軸坐標(biāo)
04.繪制柱形
05.繪制坐標(biāo)
06.繪制柱形對(duì)應(yīng)的文字
07.為柱形,坐標(biāo),文字添加樣式
08.適當(dāng)?shù)臑槲淖郑翁砑觿?dòng)效