visjs使用小记-3.简单网络拓扑图的折叠与展开

最新推荐文章于 2024-05-30 09:56:59 发布

At小小程序媛

最新推荐文章于 2024-05-30 09:56:59 发布

阅读量3.5k

点赞数 1

分类专栏：前端文章标签： visjs 折叠展开拓扑

本文链接：https://blog.csdn.net/onlyjin/article/details/76921214

版权

本文介绍了如何在项目中利用visjs库，根据节点层级顺序，实现网络拓扑图节点的双击折叠和展开功能，以满足无限层级查看的需求。

摘要由CSDN通过智能技术生成

项目需要对节点无限层级查看，大概捣鼓了下，以下demo代码可根据节点的层级顺序，通过节点双击简单实现节点的折叠与展开

<!doctype html>
<html>
    <head>
        <title>Network</title>
        <script type="text/javascript" src="http://visjs.org/dist/vis.js"></script>
        <link href="http://visjs.org/dist/vis-network.min.css" rel="stylesheet" type="text/css"/>
        <script type="text/javascript" src="https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/jquery/jquery-1.10.2.min_65682a2.js"></script>
        <style type="text/css">
            #mynetwork {
                width: 600px;
                height: 400px;
                border: 1px solid lightgray;
            }
        </style>
    </head>
    <body>

        <