The options for the edges have to be contained in an object titled 'edges'. All of these options can be supplied per edge as well. Obviously, 'id' should not be defined globally but per edge. Options defined in the global edges object, are applied to all edges. If an edge has options of its own, those will be used instead of the global options.
-When you have given an edge an option, you will override the global option for that property. If you then set that option to undefined or null,
+
When you have given an edge an option, you will override the global option for that property. If you then set that option to null,
it will revert back to the default value.
Click on the full options or shorthand options to show how these options are supposed to be used.
@@ -138,7 +138,7 @@ var options = { min: 14, max: 30, maxVisible: 30, - drawThreshold: 3 + drawThreshold: 6 }, customScalingFunction: function (min,max,total,value) { if (max === min) { @@ -480,7 +480,7 @@ var options: {36The options for the nodes have to be contained in an object titled 'nodes'. All of these options can be supplied per node as well. Obviously, 'id' should not be defined globally but per node. Options defined in the global nodes object, are applied to all nodes. If a node has options of its own, those will be used instead of the global options.
-When you have given a node an option, you will override the global option for that property. If you then set that option to undefined or null,
+
When you have given a node an option, you will override the global option for that property. If you then set that option to null,
it will revert back to the default value.
Click on the full options or shorthand options to show how these options are supposed to be used.
@@ -143,7 +143,7 @@ var options = { min: 14, max: 30, maxVisible: 30, - drawThreshold: 3 + drawThreshold: 6 }, customScalingFunction: function (min,max,total,value) { if (max === min) { @@ -507,7 +507,7 @@ network.setOptions(options);36- Create a simple network with some nodes and edges. + You can change any settings you want while the network is initialized using the vis Dataset, setOptions and setData. Finally you can destroy the network and completely reinitialize it.
- - - + +diff --git a/examples/network/categories/data/dynamic_data.html b/examples/network/categories/data/dynamic_data.html index 2132f507..b6c43036 100644 --- a/examples/network/categories/data/dynamic_data.html +++ b/examples/network/categories/data/dynamic_data.html @@ -135,7 +135,7 @@ // create an array with nodes nodes = new vis.DataSet(); - nodes.subscribe('*', function () { + nodes.on('*', function () { $('#nodes').html(toJSON(nodes.get())); }); nodes.add([ @@ -148,7 +148,7 @@ // create an array with edges edges = new vis.DataSet(); - edges.subscribe('*', function () { + edges.on('*', function () { $('#edges').html(toJSON(edges.get())); }); edges.add([ diff --git a/examples/network/categories/data/importing_from_gephi.html b/examples/network/categories/data/importing_from_gephi.html index c9bfec24..6b46bd14 100644 --- a/examples/network/categories/data/importing_from_gephi.html +++ b/examples/network/categories/data/importing_from_gephi.html @@ -4,6 +4,8 @@
- Scale nodes and edges depending on their value. Hover over nodes and edges to get more information. + Scale nodes and edges depending on their value. Hover over the edges to get a popup with more information.
diff --git a/examples/network/exampleUtil.js b/examples/network/exampleUtil.js new file mode 100644 index 00000000..a5554ced --- /dev/null +++ b/examples/network/exampleUtil.js @@ -0,0 +1,70 @@ +/** + * Created by Alex on 5/20/2015. + */ + +function loadJSON(path, success, error) { + var xhr = new XMLHttpRequest(); + xhr.onreadystatechange = function () { + if (xhr.readyState === 4) { + if (xhr.status === 200) { + success(JSON.parse(xhr.responseText)); + } + else { + error(xhr); + } + } + }; + xhr.open('GET', path, true); + xhr.send(); +} + + +function getScaleFreeNetwork(nodeCount) { + var nodes = []; + var edges = []; + var connectionCount = []; + + // randomly create some nodes and edges + for (var i = 0; i < nodeCount; i++) { + nodes.push({ + id: i, + label: String(i) + }); + + connectionCount[i] = 0; + + // create edges in a scale-free-network way + if (i == 1) { + var from = i; + var to = 0; + edges.push({ + from: from, + to: to + }); + connectionCount[from]++; + connectionCount[to]++; + } + else if (i > 1) { + var conn = edges.length * 2; + var rand = Math.floor(Math.random() * conn); + var cum = 0; + var j = 0; + while (j < connectionCount.length && cum < rand) { + cum += connectionCount[j]; + j++; + } + + + var from = i; + var to = j; + edges.push({ + from: from, + to: to + }); + connectionCount[from]++; + connectionCount[to]++; + } + } + + return {nodes:nodes, edges:edges}; +} \ No newline at end of file diff --git a/lib/network/modules/EdgesHandler.js b/lib/network/modules/EdgesHandler.js index c261a483..0ecb2587 100644 --- a/lib/network/modules/EdgesHandler.js +++ b/lib/network/modules/EdgesHandler.js @@ -57,7 +57,7 @@ class EdgesHandler { min: 14, max: 30, maxVisible: 30, - drawThreshold: 3 + drawThreshold: 6 }, customScalingFunction: function (min,max,total,value) { if (max === min) { diff --git a/lib/network/modules/NodesHandler.js b/lib/network/modules/NodesHandler.js index b6dd460e..211c6413 100644 --- a/lib/network/modules/NodesHandler.js +++ b/lib/network/modules/NodesHandler.js @@ -72,7 +72,7 @@ class NodesHandler { min: 14, max: 30, maxVisible: 30, - drawThreshold: 3 + drawThreshold: 6 }, customScalingFunction: function (min,max,total,value) { if (max === min) {