VisJS 随机图

最新推荐文章于 2021-11-24 00:24:01 发布

一刀不二

最新推荐文章于 2021-11-24 00:24:01 发布

阅读量2.5k

点赞数 2

分类专栏： [JavaScript] 文章标签： javascript 图论

本文链接：https://blog.csdn.net/pandora_madara/article/details/37930291

版权

[JavaScript] 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
    <title>Random nodes</title>
    
    <style type="text/css">
        body {
            font: 13pt "courier new";
        }
        #mynetwork {
            width: 600px;
            height: 600px;
            border: 8px solid blueviolet;
        }
    </style>
    
    <script type="text/javascript" src="VisJS/dist/vis.js"></script>
    
    <script type="text/javascript">
        function draw(){
            var nodes = [];
            var edges = [];
            var countConnected = [];
            var nodeCount = document.getElementById( "nodeCount" ).value;
            for( var i = 0; i < nodeCount; ++i ){
                nodes.push( { id: i, label: String( i ) } );
                countConnected[i] = 0;
                if( i == 1 ){
                    edges.push( { from: i, to: 0 } );
                    countConnected[i]++;
                    countConnected[0]++;
                }
                else if( i > 1 ){
                    var rand = Math.floor( Math.random() * edges.length * 2 );
                    var limit = countConnected.length;
                    var val = 0;
                    var j = 0;
                    while( val < rand && j < limit ){
                        val += countConnected[j];
                        j++;
                    }
                    edges.push( { from: i, to: j } );
                    countConnected[i]++;
                    countConnected[j]++;
                }
            }
            var container = document.getElementById( "mynetwork" );
            var data = { nodes: nodes, edges: edges };
            var options = { edges: {}, stabilize: false };
            var net = new vis.Network( container, data, options );
        }
    </script>
</head>

<body οnlοad="draw();">
    <form οnsubmit="draw(); return false;">
        <label for="nodeCount">Number of nodes:</label>
        <input id="nodeCount" type="text" value="10" style="width: 50px;">
        <input type="submit" value="Go">
    </form>

    <br>

    <div id="mynetwork"></div>
</body>
</html>

一刀不二

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
VisJS 随机图

Random nodes body { font: 13pt "courier new"; } #mynetwork { width: 600px; height: 600px; border: 8px solid blueviolet
复制链接

扫一扫