如何通过按钮单击和鼠标悬停/鼠标退出显示和隐藏节点文本?D3/JS.

How to show and hide a nodes text with button click and mouseover/mouseout ? D3/JS

本文关键字：鼠标 文本 节点 D3 JS 隐藏 显示 何通过 按钮 悬停 退出      更新时间：2023-09-26

我有一段代码，只需单击一个按钮即可运行

function showTextToolTip(d){
d3.selectAll(".node").append("text")
    .attr("dx", "12")
    .attr("dy", "-6")
    .style("text-anchor", "start")
    .text(function(d) { return d.identifier; });     
}

它显示屏幕上每个节点上的文本。这很好。但是我该如何再次单击它以使文本消失？

我也希望在"鼠标悬停"和"鼠标退出"事件上执行此操作。因此，当我浏览节点时，文本显示，但我相信如果我知道第一个答案的问题，我将能够完成第二部分

应该像这样简单：

d3.selectAll(".node text").remove();
相关文章：