vis.js-network - 在 vis.js 网络节点上更改鼠标光标

Question

当 vis.js 在网络节点上时，有没有办法改变鼠标光标？我希望将它们视为节点表示的对象的链接，并被要求将光标更改为“手指”图标以指示可以单击它。

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'
 });

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

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';
 });