add reroot callback to the treeview

README.md

@@ -54,6 +54,7 @@ The options object is an optional parameter and allows to override the default v
 * `nodeStrokeColor`: Function that returns a color to use as stroke color. Is called with a node as parameter. By default, the node color is used.
 * `linkStrokeColor`: Function that returns a color to use as link color between two nodes. Is called with an object containing a `source` and `target` node as parameter. By default, the target node color is used.
 * `countAccessor` : Function that returns the value associated with the node. Is called with a node as parameter. By default, the value of `node.data.count` is used.
+* `rerootCallback`: Function that gets called after every "reroot" (rightClick) of the visualization. Is called with a node as parameter. By default, this is empty.
 
 ## Treemap
 

examples/treeview-taxonomy.html

@@ -21,6 +21,7 @@
           $("#d3TreeView").treeview(data, {
             width: 900,
             height: 600,
+            rerootCallback: d => {console.log(d.name);},
             getTooltip: function(d) {
               let numberFormat = d3.format(",d");
               return "<b>" + d.name + "</b> (" + d.data.rank + ")<br/>" + numberFormat(!d.data.self_count ? "0" : d.data.self_count) + (d.data.self_count && d.data.self_count === 1 ? " sequence" : " sequences") +

src/treeview/treeview.js

@@ -27,6 +27,7 @@ export default function TreeView(element, data, options = {}) {
             maxNodeSize: 105,
 
             countAccessor: d => d.data.count,
+            rerootCallback: undefined,
 
             colors: d => COLOR_SCALE(d.name),
             nodeFillColor: nodeFillColor,
@@ -310,13 +311,13 @@ export default function TreeView(element, data, options = {}) {
         }
     }
 
-        // Toggle children on click.
+    // Toggle children on click.
     function click(d) {
         if (!settings.enableExpandOnClick) {
             return;
         }
 
-            // check if click is triggered by panning on a node
+        // check if click is triggered by panning on a node
         if (d3.event.defaultPrevented) {
             return;
         }
@@ -361,6 +362,10 @@ export default function TreeView(element, data, options = {}) {
         }
         update(d);
         centerNode(d);
+
+        if (settings.rerootCallback) {
+            settings.rerootCallback.call(null, d);
+        }
     }
 
         // Center a node