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/hierarchicalLayout.html | |
| parent | e7e7baeaad90229ccb3e0f45f4ebd77be7d79b14 (diff) | |
removed lib
Diffstat (limited to 'www/lib/vis/examples/network/layout/hierarchicalLayout.html')
| -rw-r--r-- | www/lib/vis/examples/network/layout/hierarchicalLayout.html | 114 |
1 files changed, 0 insertions, 114 deletions
diff --git a/www/lib/vis/examples/network/layout/hierarchicalLayout.html b/www/lib/vis/examples/network/layout/hierarchicalLayout.html deleted file mode 100644 index d8e317ec..00000000 --- a/www/lib/vis/examples/network/layout/hierarchicalLayout.html +++ /dev/null @@ -1,114 +0,0 @@ -<!doctype html> -<html> -<head> - <title>Network | Hierarchical layout</title> - - <style type="text/css"> - body { - font: 10pt sans; - } - - #mynetwork { - width: 600px; - height: 600px; - border: 1px solid lightgray; - } - </style> - - <script type="text/javascript" src="../exampleUtil.js"></script> - <script type="text/javascript" src="../../../dist/vis.js"></script> - <link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css"/> - - - <script type="text/javascript"> - var nodes = null; - var edges = null; - var network = null; - - function destroy() { - if (network !== null) { - network.destroy(); - network = null; - } - } - - function draw() { - destroy(); - // randomly create some nodes and edges - var nodeCount = document.getElementById('nodeCount').value; - var data = getScaleFreeNetwork(nodeCount) - - // create a network - var container = document.getElementById('mynetwork'); - var directionInput = document.getElementById("direction").value; - var options = { - layout: { - hierarchical: { - direction: directionInput - } - } - }; - network = new vis.Network(container, data, options); - - // add event listeners - network.on('select', function (params) { - document.getElementById('selection').innerHTML = 'Selection: ' + params.nodes; - }); - } - - </script> - <script src="../../googleAnalytics.js"></script> -</head> - -<body onload="draw();"> -<h2>Hierarchical Layout - Scale-Free-Network</h2> - -<div style="width:700px; font-size:14px; text-align: justify;"> - This example shows the randomly generated <b>scale-free-network</b> set of nodes and connected edges from example 2. - In this example, hierarchical layout has been enabled and the vertical levels are determined automatically. -</div> -<br/> - -<form onsubmit="draw(); return false;"> - <label for="nodeCount">Number of nodes:</label> - <input id="nodeCount" type="text" value="25" style="width: 50px;"> - <input type="submit" value="Go"> -</form> -<p> - <input type="button" id="btn-UD" value="Up-Down"> - <input type="button" id="btn-DU" value="Down-Up"> - <input type="button" id="btn-LR" value="Left-Right"> - <input type="button" id="btn-RL" value="Right-Left"> - <input type="hidden" id='direction' value="UD"> -</p> - -<script language="javascript"> - var directionInput = document.getElementById("direction"); - var btnUD = document.getElementById("btn-UD"); - btnUD.onclick = function () { - directionInput.value = "UD"; - draw(); - } - var btnDU = document.getElementById("btn-DU"); - btnDU.onclick = function () { - directionInput.value = "DU"; - draw(); - }; - var btnLR = document.getElementById("btn-LR"); - btnLR.onclick = function () { - directionInput.value = "LR"; - draw(); - }; - var btnRL = document.getElementById("btn-RL"); - btnRL.onclick = function () { - directionInput.value = "RL"; - draw(); - }; -</script> -<br> - -<div id="mynetwork"></div> - -<p id="selection"></p> -</body> -</html> |