Vis.js: Modify node properties on click

javascript vis.js
manglano picture manglano · Sep 24, 2015 · Viewed 9.1k times · Source

I have an undirected graph in Vis.js and I would like to change the color and size of the adjacent nodes (scaling them according to values in a JS array) when a certain node is selected. How would I go about doing this? The documentation for vis.js network objects is unenlightening beyond the source for this example.

Answer

Jos de Jong picture Jos de Jong · Sep 25, 2015

You can listen for click events to know when a user clicked a node.

network.on("click", function (params) {
  console.log(params);
});

If you have creates your nodes in a DataSet, you can simply update them and Network will be automatically updated accordingly:

nodes.update({id: 4, label: "changed label"});

Related questions

VueJS - Reading data from local json file into vis.js timeline

My question is about reading from a local JSON file. I am creating a VueJS application. I am trying to load data from a json file into the Vue component like this, I have a small JSON file, timeline.json, …

Read More
vis.js - Place node manually

How do I set a node's position in vis.js? I want to initially position at least one node manually. I know that a node has the options x and y. I set both, and also tried variations of layout …

Read More
Set Zoom Level in Vis.js

I have a network that I'm building with vis.js, but it is too large width-wise to fit in the pages' container. The network runs left to right and contains steps about a specific process. As a person completes tasks, …

Read More