visjs实现企业持股结构关系图效果代码
代码语言:html
所属分类:图表
代码描述: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