orgchart实现组织架构图自定义效果代码

代码语言:html

所属分类:图表

代码描述:orgchart实现组织架构图自定义效果代码

代码标签: 构图 自定义 效果

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        var testData = [{
            id: 1,
            name: '公司',
             parent: 0,
        },
            {
                id: 2,
                name: '总裁办',
                parent: 1
            },
            {
                id: 3,
                name: '财务部',
                parent: 1
            },
            {
                id: 4,
                name: '人事部',
                parent: 1
            },
            {
                id: 5,
                name: '李娜',
                parent: 4
            },
{
                id: 6,
                name: '李总',
                parent: 3
            },
        ];


        // just for example purpose
        function log(text) {
            $('#consoleOutput').append('<p>'+text+'</p>')
        }
        bready(function() {
            use(["jquery.orgchart", "jquery.orgchart"], fun.........完整代码请登录后点击上方下载按钮下载查看

网友评论0