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ランキング
-
table内で画像と文字をセンター...
-
Excelで可視部分だけをWeb形式...
-
表の中に表
-
テーブルで3セル作った行の下に...
-
CSSのtransform: translate(-50...
-
htmlでテーブル内にテキストボ...
-
Excel で等間隔で縦線を引きた...
-
エクセルでサイズに合ったもの...
-
エクセルでサイズ指定でPOP...
-
バーコードのサイズは拡大縮小...
-
Excelの列の幅(ピクセル)につい...
-
PDFへてのテキストボックスにて...
-
ホームページビルダーで表の列...
-
Excel セルの幅が合わない
-
HTMLフォームのSELECTの幅を一...
-
<tbody>は何のためにあるんでし...
-
エクセルで一部分のセルの高さ...
-
指定時間になったら、WEBサイト...
-
Dreamweaverで画面サイズを一定...
-
エクセルの行の幅がずれる
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
table内で画像と文字をセンター...
-
<td> 内のテーブルを上寄せにす...
-
表の中に表
-
テーブルで3セル作った行の下に...
-
HTMLでテーブルを縦に並べたい!
-
Excelで可視部分だけをWeb形式...
-
テーブルの縦が縮まらない
-
セルを透明に・・・
-
テーブルとテーブルの間に、隙...
-
Webの表で画像を並べたい
-
Tableずれ
-
プリントアウト時、ページ内容...
-
CSS line-height が効かない
-
表の中でのフォーム
-
HP上で、別サイトの一部の貼り...
-
cssのfont-sizeがFirefoxで効か...
-
ページ上部にスペースが空いて...
-
Jimdoで表組のなかの画像をポッ...
-
テーブルの高さ表示が・・・
-
テーブルの中のグラデーション...
おすすめ情報