勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

imgタグとPHPでグラフ作成

      2014/07/03

プラグインやライブラリを使わずにグラフを作る
機会があったのでメモ。

■サンプル
http://sample.taitan916.info/graph2/

■ソース
<?php
$max_a = 0;
for ($i=0; $i<5; $i++) {
$graph_val[$i] = rand(1,50);
$max_a += $graph_val[$i]; //グラフの値の合計値を出す。
}
$max_b = max($graph_val); //グラフの値の中で最大値を出す。
?>
<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style>
.graph {
min-width:300px; min-height:300px; border:solid 1px;
}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<title>graph</title>
</head>
<body>
<h1>graph</h1>
<table>
<tr>
<td class="graph">
■本当の割合を出したもの<br>
<?php
for ($i=0; $i<5; $i++) {
echo "項目" . ($i+1) . ":{$graph_val[$i]}<br>
<img src='./image/graph.jpg' style='height:10px; width:" . (floor($graph_val[$i] / $max_a * 100)) . "%;'><br>";
}
?>
</td>
<td class="graph">
■最大の結果を100%にして出したもの<br>
<?php
for ($i=0; $i<5; $i++) {
echo "項目" . ($i+1) . ":{$graph_val[$i]}<br>
<img src='./image/graph.jpg' style='height:10px; width:" . (floor($graph_val[$i] / $max_b * 100)) . "%;'><br>";
}
?>
</td>
</tr>
</table>
</body>
</html>

■説明
簡単な縦棒のjpgを作ってwidthの%指定でグラフ化したもの。
元々%指定は、

(グラフの値 / グラフの値の合計 * 100)

で出してたけど、かなりの大差が付かないと平べったいグラフに
なるから、グラフの値の最大値を分母にしたほうがいいかも、
と上司より助言を頂いて作ったもの。

場合によって使い分ける。

 - jQuery, PHP

  関連記事

MySQLでのエラーについて

エラーログをとるようになってから色々エラーを 見る機会が出来てきたのでメモ。 プ ...

PHPで数字のプラスとマイナスを反転させる

gmp_neg http://php.net/manual/ja/functio ...

PHPでデータをファイルキャッシュさせる(Cache_Lite)

最近携わった案件でPHPでファイルキャッシュをしているシステムがあった。今までフ ...

preg_matchについて

PHPでのpreg_matchについて教わることがあったのでメモ。 ■参考サイト ...

PHPでアクセスIPからランダム英数字のIDを作成

PHPで掲示板などにあるようなアクセスIPからランダム英数字のIDを作成したかっ ...

八地方区分→都道府県→路線→駅名の連携したセレクトメニュー

八地方区分(関東、近畿等)をプルダウンから選ぶと区分内の都道府県プルダウンが表示 ...

PHPでフォームとかの数値チェック

フォームとかで届いた値が整数値で0以上かどうか 調べる際に、なるほど、と思ったソ ...

PHPでランダムな値を取得するケース諸々

テストデータを作成する際に、ランダムな値を入れたかったけど、 色々ケースがあった ...

Fatal error: [] operator not supported for stringsの対処

Fatal error: [] operator not supported f ...

特定のサイトからのリクエストのみ受け付けて処理する方法

指定したサイトからのリクエストのみ受け付けて処理したいという状況があった。その他 ...