var node = svg.selectAll(".node")
.data(json.nodes)
- .enter().append("g")
+ .enter().append("g")
.attr("class", "node")
- .call(force.drag);
+ .call(force.drag)
+ .on("click", click);
//node.append("image")
// .attr("xlink:href", "https://github.com/favicon.ico")
node.attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; });
});
+
+ // action to take on mouse click
+ function click() {
+ d3.select(this).select("text").transition()
+ .duration(750)
+ .attr("x", 22)
+ .style("stroke", "lightsteelblue")
+ .style("stroke-width", ".5px")
+ .style("font", "20px sans-serif");
+ d3.select(this).select("circle").transition()
+ .duration(750)
+ .attr("r", 16);
+ }
+
});
\ No newline at end of file
$("#btn_connect").click(connect);
$("#btn_disconnect").click(disconnect);
*/
- setTimeout(fetch_datacenter, 2000);//fetch_datacenter();
- setTimeout(fetch_container, 4000);//fetch_container();
+ setTimeout(fetch_datacenter, 1000);//fetch_datacenter();
+ setTimeout(fetch_container, 2000);//fetch_container();
// additional refresh on window focus