CSS- 用CSS來畫圖表

利用css來畫圖表

文章分享：css graphs and charts 11 hand picked tutorials and solutions

心得

作法大多是利用絕對位置，以及設置100個class
每個class的高度是遞增的。如
.height01{height:1%;}
.height02{height:2%;}
.height03{height:3%;}
...
.height100{height:100%;}
然後利用javascript 判斷要用哪一個class來顯示圖表的高度。

至於tag的運用，
可以用ul, li, span,
也可以用dl, dt, dd
其中 每個dl, 或li的高度都是100％, 可預設背景圖
而span/ dd則是實際數據的高度。