노드를 클릭하면 상자가 나타나고 클릭하면 사라집니다. 지금은 처음부터 나타나며 클릭해도 사라지지 않습니다. 다음은 JSFiddle입니다.
나는 편집이 여기 어딘가에 있다고 가정하려고 노력했지만 내 삶을 위해 그것을 알아낼 수 없습니다. 다른 관련 질문도 확인했지만 특정 문제가 다릅니다.
var node = svg.selectAll(".node")
.data(data.nodes)
.enter().append("g")
.attr("class", "node")
.on("mouseover", mouseover)
.on("mouseout", mouseout)
.on("click", function(d) {
text = "Generic Text Here: " + d.name;
d3.selectAll(".infobox")
//.append("rect")
//.attr("x", 70)
//.attr("y", 5)
//.attr("height", 100)
//.attr("width", 200)
//.select("text")
.select("a")
.attr("xlink:href", text)
.selectAll("text").text(text)})
.call(force.drag);
감사합니다 감사합니다
숨기기 / 표시 외에도 한 노드가 클릭되고 상자가 다른 노드를 클릭하면 상자가 해당 노드 데이터로 표시되어야하는 시나리오도 처리해야한다고 생각합니다.
if(this.getAttribute("ind") == prev && document.getElementById("plot").style.display == 'block'){
document.getElementById("plot").style.display = 'none';
}else{
document.getElementById("plot").style.display = 'block';}
prev = i;
이 바이올린을보십시오 http://jsfiddle.net/nw7g157c/9/
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다