visjs实现数字弹性可拖拽网络结构图表效果代码

代码语言:html

所属分类:图表

代码描述:visjs实现数字弹性可拖拽网络结构图表效果代码

代码标签: visjs 数字 弹性 拖拽 网络 结构 图表

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="UTF-8">

<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/vis.4.21.0.css">
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vis.4.21.0.js"></script>
    <style type="text/css">
        #mynetwork {
            width: 800px;
            height: 600px;
            border: 1px solid lightgray;
          }
    </style>
</head>

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

    <script type="text/javascript">
        // create an array with nodes
          var nodes = new vis.DataSet([
            {id: 1, value: 20, label: '1'},
            {id: 2, value: 5, label: '2'},
            {id: 3, value: 10, label: '3'},
            {id: 4, value: 15, label: '4'},
            {id: 5, value: 8, label: '5'},
         .........完整代码请登录后点击上方下载按钮下载查看

网友评论0