diff options
| author | Pliable Pixels <pliablepixels@gmail.com> | 2017-09-27 12:42:48 -0400 |
|---|---|---|
| committer | Pliable Pixels <pliablepixels@gmail.com> | 2017-09-27 12:42:48 -0400 |
| commit | 210e8feae2fb4842bfb2de38666e6c41671fef3c (patch) | |
| tree | cbdafa34b1a6260bb20236d7e9de9eb1b690a1c5 /www/lib/vis/examples/network/layout/hierarchicalLayoutWithoutPhysics.html | |
| parent | e7e7baeaad90229ccb3e0f45f4ebd77be7d79b14 (diff) | |
removed lib
Diffstat (limited to 'www/lib/vis/examples/network/layout/hierarchicalLayoutWithoutPhysics.html')
| -rw-r--r-- | www/lib/vis/examples/network/layout/hierarchicalLayoutWithoutPhysics.html | 89 |
1 files changed, 0 insertions, 89 deletions
diff --git a/www/lib/vis/examples/network/layout/hierarchicalLayoutWithoutPhysics.html b/www/lib/vis/examples/network/layout/hierarchicalLayoutWithoutPhysics.html deleted file mode 100644 index 55670d7c..00000000 --- a/www/lib/vis/examples/network/layout/hierarchicalLayoutWithoutPhysics.html +++ /dev/null @@ -1,89 +0,0 @@ -<html> -<head> - <meta charset="utf-8"> - <title>Hierarchical Layout without Physics</title> - <script type="text/javascript" src="../../../dist/vis.js"></script> - <script type="text/javascript" src="../datasources/largeHierarchicalDataset.js"></script> - <link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" /> - <style type="text/css"> - #network{ - width: 1000px; - height: 400px; - border: 1px solid lightgray; - } - - td { - vertical-align:top; - } - table { - width:800px; - } - </style> -</head> -<body> -<h1>Hierarchical Layout without Physics</h1> -The hierarchical layout can now be controlled without the use of physics. This is much quicker. The options for this are: <br /><br /> - -<table> - <tr> - <td width="150px"><code>levelSeparation</code></td> - <td width="400px">Distance between levels.</td> - </tr> - <tr> - <td><code>nodeSpacing</code></td> - <td>Minimum distance between nodes on the free axis.</td> - </tr> - <tr> - <td><code>treeSpacing</code></td> - <td>Distance between different trees (independent networks).</td> - </tr> - <tr> - <td><code>blockShifting</code></td> - <td>Method for reducing whitespace. Can be used alone or together with edge minimization. Each node will check for whitespace and will shift - it's branch along with it for as far as it can, respecting the nodeSpacing on any level.</td> - </tr> - <tr> - <td><code>edgeMinimization</code></td> - <td>Method for reducing whitespace. Can be used alone or together with block shifting. Enabling block shifting will usually speed up the layout process. - Each node will try to move along its free axis to reduce the total length of it's edges.</td> - </tr> - <tr> - <td><code>parentCentralization</code></td> - <td>When true, the parents nodes will be centered again after the the layout algorithm has been finished.</td> - </tr> -</table> -<br /><br /> -Play with the settings below the network and see how the layout changes! -<div id="network"></div> -<script> - var data = { - nodes: nodes, - edges: edges - }; - // create a network - var container = document.getElementById('network'); - var options = { - layout: { - hierarchical: { - direction: "UD", - sortMethod: "directed" - } - }, - interaction: {dragNodes :false}, - physics: { - enabled: false - }, - configure: { - filter: function (option, path) { - if (path.indexOf('hierarchical') !== -1) { - return true; - } - return false; - }, - showButton:false - } - }; - var network = new vis.Network(container, data, options); -</script> -</body> -</html>
\ No newline at end of file |