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>
        #mynetwork {
                    width: 600px;
                    height: 400px;
                    border: 1px solid lightgray;
                }
    </style>





</head>

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



    <script >
        // create an array with nodes
        var nodes = new vis.DataSet([
        { id: 1, label: '企业\n架构', level: 2, title: 'aggregato' },
        { id: 2, label: '刘一览\n股东', level: 3 },
        { id: 3, label: '刘一览\n股东', level: 1 },
        { id: 4, label: '刘一览\n股东', level: 3 },
        { id: 5,
          level: 1,
          label: '张磊\n法人',
          color: {
            background: 'rgba(254, 214, 79, 1)',
            border: 'rgba(254, 214, 79, 1)',
            highlight: {
              background: 'rgba(254, 214, 79, 1)',
              border: 'rgba(254, 214, 79, 1)' } },
        
        
          font: {
            color: 'rgba(0, 0, 0, 1)' } }]);
        
        
        
        
        // create an array with edges
    .........完整代码请登录后点击上方下载按钮下载查看

网友评论0