ページ内に配置したグラフをボタンで切り替えるには？

質問

amCarts（http://www.amcharts.com/）を使って
円グラフを作成したのですが、今度はこれを年ごとに
ボタンで切り替えられるようにしたいと思っています。
※↓こんなイメージです。
－－－－－－－－－－－－－－－－－－－－－－－
　　　　amchartsの円グラフ ←だけが切り替わる

・2004年（ボタン）　・2005年（ボタン）　・2006年（ボタン）
－－－－－－－－－－－－－－－－－－－－－－－
ページ内でこのグラフだけを切り替えられるようにするには
どういった方法を使うのがよいのでしょうか。
できれば具体的例を教えていただけると助かります。
参考サイトでも結構です。
よろしくお願いいたします。

回答No.1

torayoshi · ベストアンサー

通常の画像でしたらJavaScriptでボタンによる切り替えは出来るのですが、
この円グラフはFashですので、上記の方法では出来ません。
同じ場所に表示させるとなると、すぐに思い浮かぶのはインラインフレームを利用する方法ぐらいですかね。
これが比較的簡単な方法だと思われますが…
↓こんな感じです（サンプル）
http://www16.plala.or.jp/zaq_501/amcharts/amcharts.html
CGIやJavaScriptを高度に駆使すれば、インラインフレームを使わずに、
同一ページ内の同じ場所にFlashデータを呼び出す方法があるかも知れませんが、
私には無理です（笑）

お礼

最初はインラインフレームを使う方法も考えたのですが、
「インラインフレームはあまり使わない方がいい」
というのを何かの書籍で見かけた気がしたので
あえて考えないようにしていました（汗）

でも、これで十分ですね。
しかも、わざわざ作成していただいいたみたいで大変感謝しております。

グラフに読み込んでいるcsv形式のデータだけを
ボタンでうまく切り替えられないかと試行錯誤したのですが、
その方法はやっぱり難しいみたいですねぇ。

インラインフレームを使った方がすごくお手軽なのが分かったので、
これで作ってみます。
ご回答、本当にありがとうございました。

回答No.2

crepon133

インラインフレームを使わずに・・・
JavaScriptでよければここにある「innerHTMLでページの切り替え」で可能です。
スクリプトの部屋-----by Mamiko's Page
http://www.nmt.ne.jp/~mamiko/scripts/index.html

お礼

1つのソースにまとまっていて良い感じですね。
JavaScriptはあまり理解していませんが、
これなら初心者レベルの私でも何とか作れそうな気がします。

ただ、FireFoxで見たところ若干バグがあったので、
これを自分のスキルで克服できるかどうかが問題です。。。

がんばってチャレンジしてみます。

ご回答、ありがとうございました。