syakoo.qrunch.io読者になる6tooltipにグラフを描写する(d3.js)JavaScript投稿日:2019-05-27最終更新:2019-06-01筆者のブログで記事をみるはじめにd3のバージョンはv4です。バージョンによって書き方が違うのでご注意ください。したメーターっぽいグラフに拡張する形でtooltipを実装しました。グラフと同じ情報を円グラフで出力しています。コード記事が長くなるのがあまり好きではないため、コードの作成手順と説明ははてなブログに載せています(こちら)。//グラフ全体の設定。一回適当な値を入れて描写しておく。//円グラフの値の更新。上はtooltipのモデルを作成したに過ぎないので、このtooltipを呼び出す処理を追加する。今回はグラフへカーソルが当たったときに呼び出したいので、作ったグラフのrectの生成の後に以下の処理を追加する。});htmlにdivを作成するのもお忘れなく。src='tooltip_ex.js'></script>まとめtooltipでグラフを実際に使っているのをあまり見ないが、やってみると案外かっこいいし見やすいと思いました。今回は円グラフだったけれど、他のグラフやグラフ以外も考えてみると楽しいかもしれないですね。Qrunch.netサーバー提供フィードバックを送信する。