table で棒グラフ 3

グラフ見出し
見出し1
130
160
見出し2
200
120
見出し3
150
100
見出し4
0
50
80
40
100
150
200
250
(単位)
(2015/02)
・table の td の枠線でグラフの軸やグリッド線を表示。
  グラフのバーを表示する区画の div を td に対して position: absolute;
  で表示。
  グラフのバーは span を inline-block にしてサイズを指定して背景色を
  つけている。

・目盛りやラベルの td をなしにしたバージョン。

・古いブラウザはうまく表示しないかもしれないので注意。
*実際に使うときには table のHTMLは JavaScript で生成する。
inserted by FC2 system