Improved the layout of the graph when no graph direction is specified in the dgml file.

Author: CoderAllan

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Change Log
 
+## Version 1.0.2
+
+- Improved the layout of the graph when no graph direction is specified in the dgml file.
+
 ## Version 1.0.1
 
 - Updated package references.

package.json

@@ -4,7 +4,7 @@
   "displayName": "DGMLViewer",
   "description": "DGMLViewer is viewer for dgml (Directed Graph Markup Language) files",
   "icon": "icon.png",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "repository": "https://github.com/CoderAllan/vscode-dgmlviewer",
   "engines": {
     "vscode": "^1.52.0"

templates/dgmlViewer_Template.js

@@ -21,7 +21,8 @@
   };
   var options = {
     physics: {
-      enabled: false
+      enabled: true,
+      solver: 'repulsion'
     },
     edges: {
       smooth: false // Make edges straight lines.
@@ -36,6 +37,9 @@
   var container = document.getElementById('network');
   var network = new vis.Network(container, data, options);
   var seed = network.getSeed();
+  network.on("stabilizationIterationsDone", function () {
+    network.setOptions( { physics: false } );
+  });
 
   const vscode = acquireVsCodeApi();
   const helpTextDiv = document.getElementById('helpText');
@@ -298,6 +302,9 @@
     }
     options.layout.randomSeed = seed;
     network = new vis.Network(container, data, options);
+    network.on("stabilizationIterationsDone", function () {
+      network.setOptions( { physics: false } );
+    });
   }
 
 }());