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

Pau*_*gas 5 vis.js vis.js-network

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

Baq*_*qvi 8

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

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

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

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

您可以查看文档以获取更多详细信息

  • 根据当前文档,如果启用选项“interaction:{hover:true}”,则会触发“hoverNode”和“blurNode”事件。 (2认同)

小智 5

此外,必须在hoverNode事件触发之前为互动设置悬停标志:

var options = {interaction:{hover:true}};
Run Code Online (Sandbox Code Playgroud)


Pau*_*gas 2

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