- ベストアンサー
ホームページに折れ線グラフを載せる方法
- ホームページに折れ線グラフを載せる方法について教えてください。
- エクセルで折れ線グラフを作成し、グラフの線をクリックしたりマウスをのせたら、グラフにデータの数字が表示されるようにする方法を教えてください。
- エクセルで作成した折れ線グラフを画像化してホームページに貼り付ける際に、数字がごちゃごちゃになってしまう問題があります。ホームページでスマートに折れ線グラフを作成する方法を教えてください。
- その他(ソフトウェア)
- 回答数7
- ありがとう数4
- みんなの回答 （7）
- 専門家の回答
質問者が選んだベストアンサー
補足です。まずクリッカブルマップ（イメージマップ）は作れますか？一枚の画像に複数のリンクを張るやつです。たぶんＨＰビルダーにも作る機能はあるんじゃないかと思うけどさわったことないのでわかりません。クリッカブルマップの作り方がわかったら、折れ線グラフのポイントひとつひとつにリンクを設定すると、<area shape="rect" coords="11,34,56,78" href="xx.html"のようなソースが吐出されると思います。そこに title="数値"と付け加えると、マウスを乗せた時にフキ出しがでると思います。実際にどこか別のページへリンクさせるわけではないので href="#"としておきます。まずはクリッカブルマップです。できたら補足を。
その他の回答 (6)
- nyanchu
- ベストアンサー率43% (22/51)
追加です。 >そのグラフの線にマウスをもっていけば、全部の数字が出てくるといいんですけど、 全部の数字とは、合計数値ではなく、一つ一つが一斉に出るということですかね？ やっぱりjavascriptをつかってロールオーバーさせるとか.....。マウスを乗せると色が変わったり、するボタンありますよね。あれの応用です。 http://www.keikyu-kids.com/keikyu-service/kids/kidsland-idogaya/index.htmここの、男の人と女の人にマウスをのせると中央の画像がかわりますよね。最初に解答した時、中央の画像が、"数値を出す場所を決めて"という意味で、男の人と女の人のところが、グラフのポイントみたいなかんじです。（この例はクリッカブルではないけど） グラフの画像の上の方に数値が書かれた画像と何も書いて無い画像を用意して、グラフに触った時にその画像をくるっと変えるイメージです。ロールオーバーはjavascriptの入門の第一歩みたいなところがあると思うので、挑戦してみては？作り方を工夫すれば、あなたの意図しているとおり作れるとおもいます。
- wolv
- ベストアンサー率37% (376/1001)
> そんないい方法はありませんよね～(-_-;) 試しに使ってみたソフトでは、「四角」ではなくて「折れ線で囲んだ領域」を設定できませんか？ できるのなら、線を囲むように領域を設定して、 title="数値" のかわりに title="全ての数値" とすればできると思います。
- wolv
- ベストアンサー率37% (376/1001)
HTMLのソースの例です。 imgの名前は適当なので、「X」が表示されます。＾＾； VMLで書いた図形の上は、クリッカブルマップとして認識されないようなので、 線の周りにマウスカーソルを持ってってください。 <html xmlns:v="urn:schemas-microsoft-com:vml"> <head><title>vml clickable map</title> <style> v\:* { behavior: url(#default#VML); } </style> </head> <body > <v:line from="0,0" to="100,80" strokecolor="red" /> <img src=dummy.gif usemap=#mapdata width=320 height=200> <map name=mapdata> <area shape="rect" coords="10,0, 0,10" href="#" title="点1"> <area shape="rect" coords="90,70, 110,90" href="#" title="点2"> <area shape="poly" coords="10,0, 10,10, 0,10, 90,80, 90,70, 100,70, 10,0" href="#" title="線1" > </map> </body> </html>
- wolv
- ベストアンサー率37% (376/1001)
基本的に、HTMLやJavascriptは、グラフや図形を書くのは苦手です。 あらかじめ図を作って貼り付けるか、 Javaなどを使うのが通常の方法になると思います。 グラフを書くだけなら、VMLとJavaScriptの組み合わせでも結構いけます。 VMLについては、http://tohoho.wakusei.ne.jp/wwwvml.htm をご覧ください。
お礼
なるほど～。いろいろな方法があるんですね 参考にしてみます
- wolv
- ベストアンサー率37% (376/1001)
クリッカブルマップについては というか、WWWのページ作成全般については とほほさんのサイトがとても役にたちます。
お礼
ありがとうございます。早速参考にしてみます！
- nyanchu
- ベストアンサー率43% (22/51)
方法1：グラフのポイントにクリッカブルマップの設定をする。数値を出す場所を決めて、javascriptでグラフのポイントをロールオーバーさせ数値の書かれた画像を表示させる。 方法1：グラフポイントにクリッカブルマップの設定をする。href="#" title="数値"としてマウスを乗せた時吹き出しを出させる。
お礼
ありがとうございます。 でも、ちょっと初心者なので実際にどう設定したらいいのか、どうhtmlを書いたらいいのかわからないんです。すみませんっと！ そういうものを使っているＨＰとか分かりますか？参考にさせていただきたいのですが・・・
補足
クリッカブルマップの作り方は今調べてわかりました 一つ簡単なソフトをダウンロードしまして、やってみたところ、ふき出しが出てきました。ありがとうございました あと、ひとつだけ欲張りがいえれば・・・・そのグラフの線にマウスをもっていけば、全部の数字が出てくるといいんですけど、そんないい方法はありませんよね～(-_-;) でも、教えてくださった方法だけでも満足です。ありがとうございました