CSSとPHPできれいなグラフを描く方法

SPONSORED LINK

terrill.caにてCSSとPHPできれいなグラフを描く方法が紹介されていました。

» terrill.ca | Vertical Bar Graphs using CSS and PHP

棒グラフや立体グラフなどがCSSのスタイルで描けます。PHPはデータの抽出と縮尺の設定だけなので、必要でない方は紹介されているCSSだけ使っても良いかも。

↓なグラフや、

bar_3d.gif

↓なグラフが描けます。

bar_line.gif

なお、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

SPONSORED LINK

このエントリーを共有する

  • このエントリーをはてなブックマークに追加