棒グラフにもう一さじ

質問

JavaScriptで棒グラフを作ったのですが、その棒グラフに基準の点をつけたいんですが…。
　例えば、
　32：]]]]]]]]]]]　　＊
　60：]]]]]]]]]]]]]]]＊]]
のような絶対動かないポイントやマークをグラフにつけたいんです。

　もしかしたらJavaScript以外の言語なら簡単なのかもしれませんが、今のところJavaScriptのみで行いたいんです。

　よろしくお願いします。

回答No.3

noname#23734 · ベストアンサー

：]]]]]]]]]]]　　＊<--をposition:absoluteにしてtopなどを指定しないで]]]]]]]]]]]が全開の幅で同じ高さ背景透明。
そうすると]]]]]]]]]]]に＊が勝手に重なって動かない＊の下で]]]]]]]]]]]が伸縮しませんかね。

お礼

お返事が遅くなってしまい、申し訳ありません。

最初、『position:　absolute』が分からなくて困りましたが、検索したところコレがよいと思い、使わさせていただいてます。

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

回答No.2

yambejp

ああ、なるほど。
単純に文字をつかった棒グラフかとおもいましたが、
画像のwidthを利用しているのですね？

であれば、透明の画像（透過GIFなど）を用意しておいて
グラフの画像＋透明な画像＋マーク
のようにしてやればよいでしょう。
グラフの画像＋透明な画像のwidthを足した値が一定であれば
マークの位置も一定でしょう。

ただ、グラフの途中にマークしたいのであれば
グラフの画像＋マーク＋グラフの画像
というパターンも必要になります。
そのあたりを柔軟に対応したスクリプトをかいてみてください

お礼

遅くなってしまい、申し訳ありません。

うーん、実はyambejpさんの考えを使おうかと検討していたんですが、画像ファイルが結構な量になってしまい、ちと面倒に・・・。
そこへ、No.3の方のご提案があり、そちらを使わせていただいております。

お返事が遅くなった上、この様な形になってしまい、申し訳ありません。ご解答、ありがとうございました。

回答No.1

yambejp

棒グラフの書き方によるんじゃないでしょうか？
等角フォントで表示するなら場所の確定は容易ですが・・・

補足

『等角フォント』？…スイマセン。よく分かりません（汗）。

現在、自分が使っている方法は
　　　　<img src="元の画像ファイル" width="0" height="20" name="グラフの名前">
を置いた後、JSファイルのJavaScriptで
　　　　document.form.グラフの名前.width=グラフの数値 * 4;
という感じになっています。グラフの数値は違うページで集計したものを読み込んで使っています。

このとき書いたグラフにマークを置きたいんですが…。他にいい方法がありましたら、お教えくださいませ。
よろしくお願いします。