update dashboard

[osm/vim-emu.git] / src / emuvim / dashboard / js / graph.js

diff --git a/src/emuvim/dashboard/js/graph.js b/src/emuvim/dashboard/js/graph.js
old mode 100644 (file)
new mode 100755 (executable)
index bc10d39..daf4e4a
--- a/src/emuvim/dashboard/js/graph.js
+++ b/src/emuvim/dashboard/js/graph.js
@@ -1,6 +1,6 @@
 var width = 960,
     height = 500,
-    color = d3.scale.category20c();
+    color = d3.scale.category10();
 
 var svg = d3.select("#table_graph").append("svg")
     .attr("width", width)
@@ -28,9 +28,10 @@ d3.json("http://127.0.0.1:5001/restapi/network/d3jsgraph", function(error, json)
 
   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")
@@ -40,7 +41,7 @@ d3.json("http://127.0.0.1:5001/restapi/network/d3jsgraph", function(error, json)
   //    .attr("height", 16);
   node.append("circle")
     .attr("r", 10)
-    .style("fill", function(d) { return color(d.name); });
+    .style("fill", function(d) { return color(d.group); });
 
   node.append("text")
       .attr("dx", 12)
@@ -55,4 +56,18 @@ d3.json("http://127.0.0.1:5001/restapi/network/d3jsgraph", function(error, json)
 
     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