Skip to content

Instantly share code, notes, and snippets.

@gbrault
Created January 11, 2017 14:39
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save gbrault/ab43924218287f38660d8fe251ae1f1a to your computer and use it in GitHub Desktop.
Save gbrault/ab43924218287f38660d8fe251ae1f1a to your computer and use it in GitHub Desktop.
vis.js node,edge show/hide
var nodes = new vis.DataSet([
{id: 2696, label: "2696", hidden: false},
{id: 1205, label: "1205", hidden: false},
{id: 2697, label: "2697", hidden: false},
{id: 2021, label: "2021", hidden: true},
{id: 2047, label: "2047", hidden: true}
]);
var edges = new vis.DataSet([
{id: 'e1', from: 2696, to: 2697, hidden: false},
{id: 'e2', from: 2696, to: 1205, hidden: false},
{id: 'e3', from: 1205, to: 2021, hidden: true},
{id: 'e4', from: 1205, to: 2047, hidden: true}
]);
var container = document.getElementById('mynetwork');
var data = {
nodes: nodes,
edges: edges
};
var network = new vis.Network(container, data, {});
// true=hide; false=show
var toggle = false;
network.on("click", function(e) {
tw_id = 1205;
if (e.nodes[0] == tw_id) {
nodes.update([
{id: 2021, hidden: toggle},
{id: 2047, hidden: toggle}
]);
edges.update([
{id: 'e3', hidden: toggle},
{id: 'e4', hidden: toggle}
]);
network.fit();
// switch toggle
toggle = !toggle;
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment