完整文章位於 OXXO.STUDIO 新網站
點選閱讀完整文章:
http://www.oxxostudio.tw/articles/201411/svg-d3-03-scale-linear.html
摘要:
當我們面對一個折線圖或長條圖的長寬,超過電腦視窗的畫面大小,就必須用比例的方式讓圖表等比例縮小來適合寬度,在 D3.js 裏頭,就要使用 scale 這個方法來達成 ( 舖梗舖好長~ XD ),首先來看一下 scale 要怎麼來使用,Scale 有分成兩大類,第一類是「Quantitative」,主要以數字或日期為比例縮放的依據,第二類是「Ordinal」,則是以自訂的名稱或標籤為縮放依據,這篇會先介紹第一類「Quantitative」,接著再搭配座標軸「Axis」介紹第二類「Ordinal」。
點選閱讀完整文章:
http://www.oxxostudio.tw/articles/201411/svg-d3-03-scale-linear.html
摘要:
當我們面對一個折線圖或長條圖的長寬,超過電腦視窗的畫面大小,就必須用比例的方式讓圖表等比例縮小來適合寬度,在 D3.js 裏頭,就要使用 scale 這個方法來達成 ( 舖梗舖好長~ XD ),首先來看一下 scale 要怎麼來使用,Scale 有分成兩大類,第一類是「Quantitative」,主要以數字或日期為比例縮放的依據,第二類是「Ordinal」,則是以自訂的名稱或標籤為縮放依據,這篇會先介紹第一類「Quantitative」,接著再搭配座標軸「Axis」介紹第二類「Ordinal」。