CODEWITHSUNDEEP
javascriptvis.jsvis.js-network
Vishnu
Vishnu

Reputation: 4677

Accessing node data in vis.js click handler

I have a network graph of nodes and edges and would like to get the node data once it gets clicked. e.g,

var network = new vis.Network(container, data, options);
network.on( 'click', function(properties) {
    console.log('clicked node ' + properties.nodes);
});

But this just returns some internal id [105]. Is there a way to get the actual data that is associated with the node?

Upvotes: 18

Views: 18010

Answers (2)

Luz
Luz

Reputation: 1

How to get the clicked Node and retrieve Node-Information from that node:

network.on( 'click', function(properties) {
    var nodeId = network.getNodeAt({x:properties.event.srcEvent.offsetX, y:properties.event.srcEvent.offsetY});
    var node = nodes.get(nodeId);
});

Upvotes: 0

Jos de Jong
Jos de Jong

Reputation: 6809

The node ids that you get in the properties is not "some internal id", but these are the id's of the nodes that you defined yourself. You can simply read the node's data from your own DataSet with nodes like:

var nodes = new vis.DataSet([...]);
var edges = new vis.DataSet([...]);
var data = {nodes: nodes, edges: edges};

var network = new vis.Network(container, data, options);
network.on( 'click', function(properties) {
    var ids = properties.nodes;
    var clickedNodes = nodes.get(ids);
    console.log('clicked nodes:', clickedNodes);
});

Upvotes: 33

Related Questions