首页 > 解决方案 > 如何在 vis.js 中突出显示节点及其标签?

问题描述

我的目标是将节点的标签背景更改为红色,并且当节点在搜索后退出时标签为白色。现在发生的事情标签似乎消失了。

在此处输入图像描述

我的参考和完整代码在这里vis.js 搜索功能

我已经按照代码进行操作,但需要对上述问题进行一些修改。下面是我做的修改部分。

$("#btnSearch").on('click',function () {
    for (var i = 0;i<allNodes.length;i++){
        if (allNodes[i].ip.indexOf($("#inputSearch").val()) >=0  && $("#inputSearch").val() != ''){
            allNodes[i].color = {
                border: "#406897"
            };
            allNodes[i].label = { // Here is the additional code
                background: "#FF0000",
                color: "#FFFFFF"
            };
            allNodes[i].shapeProperties = {
                useBorderWithImage: true
            };
        }else{
            delete allNodes[i].color;
            delete  allNodes[i].shapeProperties;
        }
    }
    new vis.Network(container, data, options);
});

标签: jqueryvis.js-network

解决方案


推荐阅读