比例尺是用來(lái)映射值域(真實(shí)值)和畫布(svg)之間對(duì)應(yīng)關(guān)系的工具喷市。
比例尺分為線性比例尺剔氏,d3.scale.linear().domain(array1[]).range(array2[]);
序列比例尺,d3.scale.ordinal().domain(序列值).rangeRoundBands(畫布上多范圍)骡尽。
畫布是人看到的區(qū)域遣妥,而圖形圖表的大小可能很大或者很小,體現(xiàn)在畫布上要么是太大了放不下攀细,太小了分不清箫踩。所以需要按比例進(jìn)行縮放。
比例尺一般結(jié)合坐標(biāo)軸來(lái)用谭贪。
定義圖形時(shí)要注意境钟,x軸是從左到右走,y軸從上往下走俭识。具體到比如柱形圖慨削,若某一個(gè)柱形在y方向上的起點(diǎn)值越小,相對(duì)于y方向上的偏移量dy越大鱼的,則該柱形越矮工闺。
繪制柱形圖的一般步驟:
01.定義畫布
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)效