###前提・実現したいこと
d3.jsを使用して、jsonデータをもとに描画した円A,B,Cが画面上にある時
AをクリックするとAのデータを元にDBに問い合わせ、返ってきたJSONデータの内容を表示する…
というようなことはどうしたら実現できるのでしょうか?
・クリックされた円のデータを元に問い合わせを行う方法
(jsonデータを返すURLは用意していますが、クリックの際にそのURLを叩く方法が分かりません)
・戻ってきたデータを取得して表示する方法
少なくとも以上の2点をクリアしなければ実装できないと思うのですが、
どちらも見当がつきません。
心当たりがあればご教授願いたいです。
###該当のソースコード
javascript
1分かりづらく、参考にならなかったら申し訳ありません。 2 3d3.json('data.json', function(dataSet) { 4 // 円に関する設定諸々がこのへん 5 var circle = pack.append("circle") 6 .on("click", function(d){ 7 var balloon = svg.append("rect") 8 // クリックされたら□を追加 9 // □を表示した際に、その上にデータの内容を表示したい 10 } 11}
###補足情報(言語/FW/ツール等のバージョンなど)
d3.jsはver3を使用しています。
自分で考え直してみました。
D3.jsを使わずJavaScript等でクリックイベントを追加して、そこでデータ取得をすればよいのですか?
まだ試せていないので、アドバイスなど貰えたらうれしいです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。