Merge pull request #16 from refactorfirst/render-node-names-in-force-graph-correctly

Render Node Names in Force Graphs with Correct Name

Author: jimbethancourt

lib/report-view.js

@@ -162,6 +162,7 @@ export async function createForceGraph(popupId, containerName, dot) {
     graphlibGraph.nodes().forEach(node => {
         nodes.push({
             id: node,
+            label: graphlibGraph.node(node).label || node,
             color: graphlibGraph.node(node).color || 'white',
             neighbors: [],
             links: []
@@ -187,7 +188,7 @@ export async function createForceGraph(popupId, containerName, dot) {
 
     const graph = new window.ForceGraph3D(container)
         .graphData(gData)
-        .nodeLabel('id')
+        .nodeLabel('label')
         .width(container.clientWidth)
         .height(container.clientHeight);
 
@@ -206,7 +207,7 @@ export async function createForceGraph(popupId, containerName, dot) {
 
         graph
             .nodeThreeObject(node => {
-                const sprite = new SpriteText(node.id);
+                const sprite = new SpriteText(node.label);
                 sprite.material.depthWrite = false;
                 sprite.color = node.color;
                 sprite.textHeight = 4;