No.3ベストアンサー
- 回答日時:
スタイルシートを使えばグラフ自体は動的に書けます。
後は、格子状のテーブル上に上手く重ねるのをどうするかですね・・・
例)
<SPAN id="graph1" style="width: 100; background-color: blue">文字</SPAN><BR>
<INPUT type="button" onClick="document.all[ 'graph1' ].style.pixelWidth += 10 ;" value="伸ばす">
<INPUT type="button" onClick="document.all[ 'graph1' ].style.pixelWidth -= 10 ;" value="縮める">
※ pixelWidth は大文字小文字の区別があって、"W"は大文字です。
No.2
- 回答日時:
例えば、横に棒がのびるグラフであれば、幅が1ピクセルの画像を用意しておいて、
IMG タグで、WIDTH 属性を動的に変えて、表示する、というのはどうですか。
<table>
<tr><td>項目1<td><img src="bar.png" width="50">
<tr><td>項目2<td><img src="bar.png" width="100">
</table>
No.1
- 回答日時:
私が現在製造を行っているプロジェクトで同じように動的に棒グラフの作成を行っています。
仕様言語はASPですが、HTMLを作る部分だけなのでご使用の言語で作成してください。
方法は言葉で説明するのは難しいので、サンプルを記述します。
<table border="1" width="100" cellspacing="0">
<td width="500" colspan="10">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="40.9" bgcolor="#0000FF">文字<br></td>
<td width="59.1" bgcolor="#FFFFFF">文字<br></td>
</tr>
</table>
</table>
これでできると思います。
ありがとうございます。
言葉が足らなくってすみませんが、等間隔でテーブルの格子を出しつつ
棒グラフを描きたかったんですよ。
方眼紙を塗りつぶす感じですね。
仕方がないので、現在既に表示されているテーブルの上に、
DIVでSTYLEに幅、高さ等を放り込んで表示させようとしてます。
px設定にしても全て表示後にフォントサイズを変更されるとまずいことが起こるのですが・・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<td> 内のテーブルを上寄せにす...
-
表の中に表
-
CSS line-height が効かない
-
table内で画像と文字をセンター...
-
テーブルで3セル作った行の下に...
-
HTMLで表を横並びにしたくて、...
-
壁紙に複数の画像を使いたい
-
CSSのtransform: translate(-50...
-
htmlでテーブル内にテキストボ...
-
エクセルでサイズに合ったもの...
-
PDFへてのテキストボックスにて...
-
<tbody>は何のためにあるんでし...
-
パソコンでランドルト環の作成...
-
Excelで文字の幅を変える方法
-
Formタグのブロックの高さについて
-
<h1>タグの後の行間を詰めたい。
-
ホームページビルダーで表の列...
-
ホームページビルダー14で、表...
-
CSSの設定
-
ホームページビルダーで、画面...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
table内で画像と文字をセンター...
-
HTMLでテーブルを縦に並べたい!
-
Excelで可視部分だけをWeb形式...
-
表の中に表
-
テーブルで3セル作った行の下に...
-
CSS line-height が効かない
-
表の中でのフォーム
-
Jimdoで表組のなかの画像をポッ...
-
テーブルとテーブルの間に、隙...
-
一つのhtml内でテーブルを使っ...
-
スタイルシートで出来ますか?
-
cssのfont-sizeがFirefoxで効か...
-
テーブルにスクロールバーを付...
-
カレンダーを生成する、極少コ...
-
innerHTMLを使わずに…
-
1列4行のテーブルを結合できますか
-
ホームページの画像が表示されない
-
<td> 内のテーブルを上寄せにす...
-
こんな感じのwebページできませ...
-
Webの表で画像を並べたい
おすすめ情報