-1
A
答えて
1
凡例用のツールチップを作成する組み込みの方法はありませんが、描画後にすべての図形を選択し、それぞれのツールチップを作成することができます。たとえば:
// code creating one tooltip
div var div = d3.select("body").append("div")
.attr("class", "tooltip")
.style("opacity", 0);
// code that adds an event listener to each rectangle in your legend:
myLegend.shapes.selectAll("rect")
.on("mouseover", function(d) {
div.transition()
.duration(200)
.style("opacity", .9);
div .html(formatTime(d.date) + "<br/>" + d.close)
.style("left", (d3.event.pageX) + "px")
.style("top", (d3.event.pageY - 28) + "px");
})
.on("mouseout", function(d) {
div.transition()
.duration(500)
.style("opacity", 0);
});
legend.shapesためのディンプル参照:例のlegend.shapes
コードは主にマイク・ボストックの例からコピーされます。simple d3 tooltips
関連する問題
- 1. 凡例をツールチップに追加
- 2. 凡例をグラフに追加する
- 3. グラフの凡例にスクロールバーを追加RadChart
- 4. rのgeom_line()グラフに凡例を追加
- 5. AmChartsグラフの凡例に最後の値を追加するグラフ
- 6. ホバーするときにハイチャートの凡例にツールチップを追加
- 7. Googleチャートの凡例にツールチップを追加するには
- 8. D3でグラフ凡例を追加
- 9. コアプロットの散布グラフに凡例を追加するには
- 10. chart.jsのグラフのツールチップにデータを追加する方法
- 11. dimple.js:ネストされたsvg要素のチャート内のツールチップの配置
- 12. JSFのドロップダウン要素のツールチップを追加
- 13. %と%〜%のプロット凡例ラベルに式を追加する方法
- 14. FLOTグラフにツールチップを追加する方法
- 15. 複数geom_barにggplotする凡例を追加する方法
- 16. 凡例に色を追加
- 17. geom_segementに凡例を追加
- 18. カラーマップに凡例を追加
- 19. dimple.jsの棒グラフ
- 20. dc.jsのツールチップにグラフを追加
- 21. ggplotを使用して単一線グラフに凡例を追加
- 22. 各サブプロットに凡例を追加する方法
- 23. 凡例をx.plot()に追加する方法 - Python
- 24. カレンダーヒートマップに凡例を追加する方法
- 25. d3.js折れ線グラフに凡例を追加
- 26. スパークライン棒グラフに凡例とy軸値を追加
- 27. 円グラフで凡例に別のラベルを設定する方法
- 28. プロットに凡例を追加する
- 29. ViewPort3Dの子要素にツールチップを追加する
- 30. Chart.jsの凡例にmouseoutイベントハンドラを追加