質問: テーブル内に棒グラフを作る方法 テーブルの数値を読み込んで、そのテーブルにグラフを表示したいのですが、 方法がわかりません。 具体的には以下のサイトとほぼ同じようにテーブル内にグラフを作りたいです。 ttp://2ch.logpo.jp/ 宜しくお願いします。
回答: 参考のページを見れば分かる気もしますが...。 誰も回答していないので、 html・cssは得意ではありませんが、書いてみます。 #おそらく参考ページとは作成方法が異なります。 css部 table{ border-collapse: collapse; border: solid 1px #000000; } td{ border: solid 1px #000000; } .box{ position: relative; } .graph{ position: absolute; z-index: 1; display: block; height: 10px; background-color: #cccccc; } .text{ position: relative; z-index: 2; } html部 okwave 教えて!goo yahoo!知恵袋 説明 どこまでhtml・cssがおわかりかわからないですが、 の部分がグラフ部分なので、width: 数値%; として伸ばしたい長さの値をそれぞれ指定します。 %で指定していますが、pxでも何でも良いです。 グラフのバーを画像にしたい。 縦幅を変更したい。 位置をずらしたい。 という場合には、 .graph{ ここ } を修正、追記します。