takashiski https://blog.hatena.ne.jp/takashiski/ takashiskiのブログ https://takashiski.hatenablog.com/ まずざっくり前提 棒グラフ、散布図は要素に直接ツールチップを作成することが可能 折れ線グラフは関節的にツールチップを作成することが可能 棒グラフや散布図ではどうやって実現するかというと rectやcircleにイベントを追加 マウスオーバーで表示 マウスアウトで非表示 テキストを書き換えたりdivタグを移動したりしてツールチップ領域を実現 折れ線グラフでどうするかというと 折れ線グラフの真上にデフォルトでOpacityがほぼ0の散布図を描く マウスオーバーでOpacityを1に近づける マウスアウトでOpacityを0に近づける これで点の特定ができる。Rectでも同じことができるかもしれない… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftakashiski.hatenablog.com%2Fentry%2F2016%2F03%2F22%2F215556" title="d3jsで折れ線グラフにツールチップを作成する - takashiskiのブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2016-03-22 21:55:56 rich https://takashiski.hatenablog.com/entry/2016/03/22/215556 1.0 100%