Why Don't My Node Hover Popups Work In My Vis.js Network?

I am having an issue where despite including the 'title' property in my node objects, when I hover over a node, no pop up window with the contents of my title are displayed. Here a

Solution 1:

Nothing is showing because you are using event on("showPopup"). You have to use on("hoverNode"). So use

network.on("hoverNode", function(){
  // functionality for popup to show on mouseover
});


network.on("blurNode", function(){
  // functionality for popup to hide on mouseout
});

For adding nodes its better to use

nodes.add()

Solution 2:

I had the same issue. In my case it was a css issue. Make sure you import vis.min.css correcly. I had a typo in the link statement.

Solution 3:

This is happening because you might not be importing the vis-network CSS. You can import the standalone version of vis-network and it will automatically import the CSS.

import { Network } from'vis-network/standalone';