vis.js网络拓扑图搜索，查询功能

拓扑图里面需要写搜索功能，但是vis.js里面找不到查询的功能，文档也不怎么看的清楚，就自己摸索着写了一个查询的功能

1.效果图：

 2.html：

   搜索
   

3.js:这边的边框有参照官方demo:https://visjs.github.io/vis-network/examples/network/nodeStyles/imagesWithBorders.html

/**
     * 搜索按钮点击事件
     * 通过遍历节点对象中的ip和文本框中的value值做对比
     * 如果包含input的value值，则给当前对象添加color和shapeProperties属性
     * else删除上述两属性
     */
    $("#btnSearch").on('click',function () {
        for (var i = 0;i=0  && $("#inputSearch").val() != ''){
                allNodes[i].color = {
                    border: "#406897"
                };
                allNodes[i].shapeProperties = {
                    useBorderWithImage: true
                };
            }else{
                delete allNodes[i].color;
                delete  allNodes[i].shapeProperties;
            }
        }
        new vis.Network(container, data, options);//重新初始化一下，要不然页面没效果
    });
    /**
     * 搜索回车事件
     */
    $('.container-fluid').keydown(function(event){
        if(event.keyCode==13){
            $("#btnSearch").click();
        }
    });

4.完整代码：

    
    
    
    
    
    

    
    
    


    

        搜索