2014年11月14日

完整文章位於 OXXO.STUDIO 新網站
點選閱讀完整文章:
http://www.oxxostudio.tw/articles/201411/svg-d3-04-axis.html

摘要:
藉由上一篇了解了最常用的 scale,再來就要談談座標軸 Axis,在 D3.js 裏頭,座標軸與 scale 幾乎是如影隨形地出現,畢竟既然是要用來顯示座標,就一定會出現在畫面裡,也因此必須要用 scale 才能夠讓座標軸按照比例大小擺放。至於什麼是座標軸 Axis 呢?很簡單就是水平 x 軸和垂直 y 軸,上面會有刻度,前使用 illustrator 慢慢刻畫刻度,常常必須刻到天花地老,如果會用 Excel,就可以讓 Excel 產生大家都會的一百零一種刻度,今天利用 D3.js,我們就可以自己做出自己的圖表刻度。