VisJS 随机图

VisJS 随机图

大家好,又见面了,我是全栈君。

VisJS 随机图

<!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 onload="draw();">
    <form onsubmit="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>

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/115529.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • mac python安装步骤(mac安装python)

    一、安装python3.x步骤:1.首先检查下自己的电脑是否安装了python3尝试在终端输入以下代码(第一行为输入的代码,第二行为返回的结果):电脑python3未安装返回的结果电脑python3已经安装返回的结果2.如果mac上没有安装python3,介绍两种安装方式:(1)第一种方法:通过brew安装python3环境在终端输入如下代码:brewinstallpython3它会安装最新版本对python3,现在mac安装的是python3.7。(2)第二种方法:通过

  • phpmailer的SMTP ERROR: Failed to connect to server: 10

    phpmailer的SMTP ERROR: Failed to connect to server: 10

  • 常用BAPI清单

    常用BAPI清单SAP项目中开发用到的BAPI:MM模块1、BAPI_MATERIAL_SAVEDATA创建物料主数据注意参数EXTENSIONIN的使用,可以创建自定义字段例如WA_BAPI_TE_MARA-MATERIAL=ITAB_UP-MATNR.T_EXTENSIONIN-STRUCTURE=’BAPI_TE_MARA’.T_EXTENSIONIN-…

  • 将XPS文件转换成PDF格式有哪些方法?「建议收藏」

    将XPS文件转换成PDF格式有哪些方法?「建议收藏」XPS文件在我们日常工作中使用比较少,大部分时候我们都会将它转换成PDF格式后进行修改或保存等操作,那么如何将XPS转换成PDF呢?方法1:修改后缀我们都知道XPS跟PDF一样都可以通过虚拟打印生成,所以这两种格式比较类似,我们可以直接通过修改后缀名的方法转换。在XPS文件处右击选择“重命名”,然后直接将文档名称中后缀.xps修改为.pdf即可。不过这种方式有时可能会导致文档无法打开。方法2:另存目前很多PDF软件都可以直接打开XPS文件,我们在文件处右击将打开方式修改为PDF阅读器打开文档后,将

  • java查找字符的方法_Java字符串查找(3种方法)

    java查找字符的方法_Java字符串查找(3种方法)在给定的字符串中查找字符或字符串是比较常见的操作。字符串查找分为两种形式:一种是在字符串中获取匹配字符(串)的索引值,另一种是在字符串中获取指定索引位置的字符。根据字符查找String类的indexOf()方法和lastlndexOf()方法用于在字符串中获取匹配字符(串)的索引值。1.indexOf()方法indexOf()方法用于返回字符(串)在指定字符串中首次出现的索引位置,…

  • Objective-C路成魔【18-复制对象】[通俗易懂]

    Objective-C路成魔【18-复制对象】

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号