本篇主要是針對 SVG
和 CANVAS
兩種繪圖方式作比較,並整理各自的優勢。
這次要來練習用 D3
搭配 Vue
做 SVG
甜甜圈圖囉~如果要做中間不要洞的圓餅圖,把內圈半徑改成 0 即可。
這次要來練習用 D3
搭配 Vue
做多組動態的 SVG
直條圖囉~
今天要來練習用 D3
搭配 Vue
做簡易的 SVG
橫條圖囉~
D3
是一個 js library
,讓開發者在向量繪圖時,能快速算出圖表物件在繪圖區域的路徑座標、座標軸、動態顏色等許多好用的 function
。