完整文章位於 OXXO.STUDIO 新網站
點選閱讀完整文章:
http://www.oxxostudio.tw/articles/201509/svg-d3-19-bar-chart.html
摘要:
在之前一系列的 d3.js 介紹之後,終於要來發揮 d3.js 的強項「畫圖表」了 ( 其實之前已經有畫過折線圖了,參考:SVG D3.js - 區域 ( area ) ),這篇要來繪製的圖表是「長條圖 bar chart」,長條圖大概也是最簡單的圖表了,雖然可以直接用 CSS 和 div 來做,不過為了之後更複雜的圖表設計,這裏就直接用 SVG 進行。
點選閱讀完整文章:
http://www.oxxostudio.tw/articles/201509/svg-d3-19-bar-chart.html
摘要:
在之前一系列的 d3.js 介紹之後,終於要來發揮 d3.js 的強項「畫圖表」了 ( 其實之前已經有畫過折線圖了,參考:SVG D3.js - 區域 ( area ) ),這篇要來繪製的圖表是「長條圖 bar chart」,長條圖大概也是最簡單的圖表了,雖然可以直接用 CSS 和 div 來做,不過為了之後更複雜的圖表設計,這裏就直接用 SVG 進行。