*
ホーム > 偽テクニック編 目次 > テーブルでグラフを作ってみよう

1時間目 画像を使って棒グラフ

♪キーンコーンカーンコーン♪
テーブルでグラフを作ってみよう
エクセルとかで作ったグラフを画像にして載せるよりも簡単にできるようなものを思いついちゃった。(PHPとかでも出来るらしいけど、ボクぢゃ無理です。)


↑単色で塗りつぶした画像を用意する。
(注: そのままだと小さくて見えないので10倍にして表示してます。)
この画像を使って棒グラフにしてみた。
↓こんな、感じ

☆過去、5年間の売上高
H10 39
H11 44
H12 70
H13 105
H14 80

/千万円
0    20    40    60    80    100
ねっ!グラフに見えない?!


↓ほれ、こんなのも簡単に出来ちゃう!
☆アンケート集計結果
北海道
東 北
北 陸
関 東
中 部
近 畿
中 国
四 国
九 州
沖 縄
地域/% 0     20     40     60     80    100


☆アンケート集計結果 その1
北海道
東 北
北 陸
関 東
中 部
近 畿
中 国
四 国
九 州
沖 縄
地域/% 0     20     40     60     80    100


☆アンケート集計結果 その2
北海道
東 北
北 陸
関 東
中 部
近 畿
中 国
四 国
九 州
沖 縄
地域/% 0     20     40     60     80    100

2時間目 水平線で棒グラフ

水平線に色がつけられるんで太さと幅を変えてグラフにしてみた。
☆過去、5年間の目標達成率
H10
H11
H12
H13
H14

 / %
0      25      50      75     100
ほら、グラフに見えるでしょ!見えるでしょ!

↓縦でもOKっス!
100-

-

50

-

0-










%/
平成
5 6 7 8 9 10 11 12 13 14

よっしゃー、これなら画像を使わないテキストサイトでもOK!
ホームページビルダーを使ってる方ならこのままコピペしてもよし!(たぶん)
ただし、印刷は出来ないと思います(ガクン)

昼休み

♪キーンコーンカーンコーン♪
テーブル使いまくりです。
ソース見たらスゴイことになってます。
ちゃんと表示されてるでしょうか?
※インターネットエクスプローラーでしか確認してません。
このページ作るのに、すんごい時間かかったアホなオレ!


偽テクニック編の目次に戻る


Page Top


main

BR→
main_box