CSSとPHPできれいなグラフを描く方法
- February 13th, 2007
- Posted in デザイン全般
- Write comment
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>
ちょっと見栄えの良いページを作りたい人にはおすすめです。よろしければ。
» terrill.ca | Vertical Bar Graphs using CSS and PHP
こちらもあわせてどうぞ
ツイッターもやっています！
フォローはお気軽に！@taguchiまで！
No comments yet.