- 2007-02-13 (Tue) 9:07
- デザイン全般
terrill.caにてCSSとPHPできれいなグラフを描く方法が紹介されていました。
» terrill.ca | Vertical Bar Graphs using CSS and PHP
棒グラフや立体グラフなどがCSSのスタイルで描けます。PHPはデータの抽出と縮尺の設定だけなので、必要でない方は紹介されているCSSだけ使っても良いかも。
↓なグラフや、
↓なグラフが描けます。
なお、HTMLのほうの記述は以下のような感じです。わかりやすいですね。変更も簡単かと。
<ul class="barGraph"> <li class="p1" style="height: 57px; left: 0px;">57</li> <li class="p2" style="height: 27px; left: 0px;">27</li> <li class="p3" style="height: 17px; left: 0px;">17</li> <li class="p1" style="height: 99px; left: 40px;">99</li> <li class="p2" style="height: 74px; left: 40px;">74</li> <li class="p3" style="height: 54px; left: 40px;">54</li> ... </ul>
ちょっと見栄えの良いページを作りたい人にはおすすめです。よろしければ。
- Newer: ダウンロード数を増やすためのちょっとした仕掛け
- Older: クールなアクア風ボタンのベクトルデータが無料で72個！
Comments:0
Trackbacks:0
- Trackback URL for this entry
- http://www.simplexsimple.com/archives/2007/02/cssphp.html/trackback
- Listed below are links to weblogs that reference
- CSSとPHPできれいなグラフを描く方法 from SIMPLE*SIMPLE ～ ウェブ職人のための小粋なネタ帳 ～
