ウェブサイトにグラフの比較表を作りたい。

質問

自分のウェブサイトに折れ線グラフを比較する表を作りたいと思っております。

イメージとしては左側にグラフA、グラフB、グラフC・・・とたくさんのボタンが縦にあって
その右側にその折れ線グラフを表示するウィンドウがあります。
グラフのボタンを押すとそのグラフが表示されたり非表示になったりして複数のグラフを比較することができる。
そういったグラフ比較表を作りたいのですが、どのように作ればよいのかが分かりません。

HTMLの本を読んでみましたが、どうやらそれでは作れなそうだと判りました。
Flashというものを勉強すれば作れるようになるでしょうか？

是非アドバイスをいただけたらありがたいです。

回答No.1

ORUKA1951 · ベストアンサー

＞グラフのボタンを押すとそのグラフが表示されたり非表示になったりして複数のグラフを比較することができる。
　単純に、表示されるグラフが変わるだけですよね。複数のグラフを並べるので゛はなく!!

　なら普通に目次と内容を書けばよいだけですが？
<section>
　<h2>グラフ色々</h2>
　<section id="g1">
　　<h2>グラフ1</h2>
　　<p><img src="" width="" height="" alt=""></p>
　</section>
　<section id="g2">
　　<h2>グラフ2</h2>
　　<p><img src="" width="" height="" alt=""></p>
　</section>
　<section id="g3">
　　<h2>グラフ3</h2>
　　<p><img src="" width="" height="" alt=""></p>
　</section>
・・・【中略】・・・
　<div id="menue">
　　<ol>
　　　<li><a href="#g1">グラフ1</a></li>
　　　<li><a href="#g1">グラフ1</a></li>
　　　<li><a href="#g1">グラフ1</a></li>
・・・【中略】・・・
　　</ol>
　</div>
</section>
として、スタイルシートで
#idを左にfixedで固定してしまう。
複数を並べるとなるとjavascriptで内容を書き換えなければならないでしょう。

お礼

画像を処理すれば背景を透過にするという事もできるようですね。
グラフの背景を透過にして、重ねて表示しボタンで切り替えればできそうです。
ご回答いただきありがとうございました。