人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

JavaScriptを使って、グラフアプリを作りたいと考えています。
やりたいことは、2軸のグラフチャートの描画と、グラフチャート上のマウスイベントを拾って
データを入力を受け付けることです。
最初にまっさらな2軸のチャートがあって、そのチャート上の任意の場所をクリックすると
入力フォームが出てきて、入力した場所にポイントが表示されるというイメージです。

そこで、チャート描画のAPIとマウスイベントの拾い方について詳しい方教えてください。
特に後者、マウスイベントをチャート上で拾うサンプルなどあれば、教えてください。

●質問者: tono5652
●カテゴリ:ウェブ制作
✍キーワード:API JavaScript まっさら アプリ イベント
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● hujikojp
●20ポイント

最近のブラウザ専用でいいのなら、canvas要素を使うのがいいのではないでしょうか。ただ、IEでは使えませんが。

Canvas チュートリアル - MDC

イベントのハンドリングに付いては canvas要素の onclick handerなどをつかえば、event objectをつかえるはずです。以下などが参考になります:

http://d.hatena.ne.jp/Kishi/20071219/1198069464

◎質問者からの返答

ありがとうございます。参考になりました。


2 ● lang_and_engine
●50ポイント ベストアンサー

こんにちは。(深夜ですが)


この質問の回答のために,簡単にですが記事を執筆させて頂きました。

よろしければ参考になさってください。


JavaScript で,クリックした座標に点を追加できるグラフチャートを描画する方法 (jQuery のプラグイン sparkline / flotの使い方)

http://d.hatena.ne.jp/language_and_engineering/20081120/12271140...


jQuery という汎用のライブラリと,flotというグラフ描画ライブラリを利用しています。



◎質問者からの返答

おお、これはすごい!わざわざエントリまで書いていただいて、ありがとうございます。JSで全部できるのはいいですね。


3 ● nnhhb
●10ポイント

イベントのハンドリングに付いては canvas要素の onclick handerなどをつかえば、event objectをつかえるはずです。以下などが参考になります:

http://d.hatena.ne.jp/Kishi/20071219/1198069464

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ