mark node
This commit is contained in:
parent
98ee8f131b
commit
95e7c461f4
|
@ -23,6 +23,11 @@ line.link {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.node.marked ellipse {
|
||||||
|
stroke: #C83771 !important;
|
||||||
|
stroke-width: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
.node.highlight ellipse {
|
.node.highlight ellipse {
|
||||||
fill: #FFF0B3;
|
fill: #FFF0B3;
|
||||||
}
|
}
|
||||||
|
|
|
@ -34,6 +34,25 @@ btns.append("button")
|
||||||
.text("nur Mesh")
|
.text("nur Mesh")
|
||||||
.on("click", update_graph);
|
.on("click", update_graph);
|
||||||
|
|
||||||
|
cp.append("label")
|
||||||
|
.text("Knoten hervorheben:");
|
||||||
|
|
||||||
|
cp.append("br");
|
||||||
|
|
||||||
|
cp.append("input")
|
||||||
|
.on("keyup", function(){show_node(this.value)})
|
||||||
|
.on("change", function(){show_node(this.value)});
|
||||||
|
|
||||||
|
function show_node(mac) {
|
||||||
|
d3.selectAll("#chart .node").classed("marked", false);
|
||||||
|
d3.selectAll("#chart .node").each( function(d) {
|
||||||
|
if (d.id == mac)
|
||||||
|
d3.select(this).classed("marked", true);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
var hashstr = window.location.hash.substring(1);
|
||||||
|
|
||||||
function update_graph() {
|
function update_graph() {
|
||||||
var value = jQuery(this).val()
|
var value = jQuery(this).val()
|
||||||
|
|
||||||
|
@ -213,5 +232,7 @@ function render_graph(type) {
|
||||||
|
|
||||||
node.attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; });
|
node.attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; });
|
||||||
});
|
});
|
||||||
|
show_node(hashstr);
|
||||||
});
|
});
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue