将鼠标光标更改为vis.js网络节点

Question

有没有办法在vis.js中通过网络节点更改鼠标光标？我希望将它们视为节点所代表的对象的链接，并且已经要求将光标更改为“finger”图标以指示可以单击它。

Answer 1

为此目的，首先我们附加 hoverNode 当我们悬停在网络的任何节点上时触发的网络事件。

network.on("hoverNode", function (params) {
        network.canvas.body.container.style.cursor = 'pointer'
 });

然后我们绑定从节点带走房子（模糊）时触发的网络的 blurNode 事件。如果我们不附加此事件，您将在整个网络上看到指针。

 network.on("blurNode", function (params) {
        network.canvas.body.container.style.cursor = 'default'
 });

您可以查看documentation了解更多详情。

Answer 2

此外，必须在hoverNode事件触发之前为交互设置悬停标志：

var options = {interaction:{hover:true}};

Answer 3

在network.canvas.body.container.style.cursor = 'pointer'回调中设置hoverNode并在default处理程序中将其设置回blurNode就可以了。

Answer 4

对我来说，只需3个步骤

1。如果启用了选项交互：{hover：true}，并且鼠标悬停在节点上，则触发。

  var options = { 
    physics: {
      enabled: false
    },
    interaction:
    {  hover:
        true
    }};

2.hoverNode函数

network.on("hoverNode", function (params) { network.canvas.body.container.style.cursor = 'pointer'; });

3.blurNode函数

 network.on("blurNode", function (params) {
        network.canvas.body.container.style.cursor = 'default';
 });