• 締切済み

Javascriptのチャートライブラリを使って棒グラフなどを描画はで

Javascriptのチャートライブラリを使って棒グラフなどを描画はできるのですが、その棒グラフをクリックして、詳細データにジャンプ(ドリルダウン)させたいと考えております。 こちらで検討しているライブラリはHighChartsというライブラリですが、ドリルダウンの機能をどのように実現できるかがわかりません。 HighChartsで実現できればよいのですが、できないようでしたら何かよいライブラリをご存知の方がいらっしゃれば教えていただけないでしょうか? よろしくお願いします。

みんなの回答

  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

試してませんが… 説明をざっと読むと、イベントのフックアップができますというようなことが書いてあるけれど、これでは対応できないのでしょうか? http://highcharts.com/

galois0203
質問者

お礼

早々の回答ありがとうございます。 ご指摘どおり確かにイベントをフックできると書いてありますね。 よく読んでおりませんでした。申し訳ありません。 個人的にはここ(↓)の部分なのかなぁと考えていますが、 ただ使い方がまだよくわかっていないのでもう少し調べてみます。 http://www.highcharts.com/ref/#point もしまた何か情報をお持ちでしたら、ぜひご教授ください。 ありがとうございました。

galois0203
質問者

補足

ご指摘どおりイベントをフックアップすることができました。 以下、参考までにソースを掲載します。 ※棒グラフをクリックしたとき'test'というアラートが出ます。 ----------------------------------- plotOptions: { column: { pointPadding: 0.2, borderWidth: 0, point: { events: { click: function() { alert('test'); } } } } }, ----------------------------------- これを応用すれば期待どおりの動きをさせることができそうです。 ありがとうございました。

関連するQ&A