![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_03.png?8acaa2e)
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で質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) Excelの複合グラフ(棒グラフと折れ線グラフ)で各棒グラフに名称を表示させたい 1 2022/08/14 23:26
- Excel(エクセル) <スプレッドシート>採用進捗 グラフ作成について 3 2022/10/23 15:52
- Excel(エクセル) Excelグラフについて 1 2023/05/12 16:26
- Excel(エクセル) エクセル ヒストグラム作成 1 2023/01/02 09:55
- Excel(エクセル) エクセルのグラフに上下限値の横棒を表示させたい 5 2022/12/12 11:09
- 企画・マーケティング 表やグラフ作成、数値管理ツールを探しています。 1 2023/05/30 13:33
- Excel(エクセル) Excelでグラフを作る際、棒グラフと線グラフが一緒になった図を作るには、どのようにExcelに数値 2 2022/04/12 22:24
- その他(教育・科学・学問) こんにちは!今日中に締め切りなので至急お願いしたのですが、初めて大学でレポートを書きます! グラフの 1 2023/07/12 01:45
- Excel(エクセル) エクセルについての質問です。 画像のように横向きの棒グラフのデータ部分を下の数字が書いてある軸エリア 1 2022/12/26 17:55
- Excel(エクセル) EXCELのグラフを画像(JPG形式)で保存、通常実行がうまく行かない。ステップインはうまく行く 3 2022/08/30 12:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<td> 内のテーブルを上寄せにす...
-
table内で画像と文字をセンター...
-
テーブルで3セル作った行の下に...
-
htmlのセル幅固定の仕方
-
Excelで可視部分だけをWeb形式...
-
表の中に表
-
ヤフオクのHTML説明文表示が少...
-
写真のレイアウトで横並びにす...
-
1列4行のテーブルを結合できますか
-
htmlでテーブル内にテキストボ...
-
CSSのtransform: translate(-50...
-
道路幅を調べたいのですが
-
HTMLフォームのSELECTの幅を一...
-
エクセルでサイズ指定でPOP...
-
エクセルでサイズに合ったもの...
-
Excel セルの幅が合わない
-
iframeのスクロールバー:縦だ...
-
バーコードのサイズは拡大縮小...
-
PDFへてのテキストボックスにて...
-
Word2003で表中の文字が勝...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
table内で画像と文字をセンター...
-
HTMLでテーブルを縦に並べたい!
-
<td> 内のテーブルを上寄せにす...
-
テーブルで3セル作った行の下に...
-
表の中に表
-
Excelで可視部分だけをWeb形式...
-
テーブルの中のグラデーション...
-
1ページにテーブルを複数設定...
-
壁紙に複数の画像を使いたい
-
表の中でのフォーム
-
オンマウスでプルダウンメニュ...
-
WebにてExcelを生成してダウン...
-
テーブルとテーブルの間に、隙...
-
htmlのセル幅固定の仕方
-
GoLiveCSで、ホームページをど...
-
テーブル全体の枠線の色を変え...
-
忍者簡単ホームページの画像が...
-
QNo.63294の続き 棒グラフを動...
-
<緊急>テーブルを使わないで...
-
プリントアウト時、ページ内容...
おすすめ情報