美文网首页让前端飞Web前端之路JavaScript 进阶营
手撸了一个简易好用组织层级插件

手撸了一个简易好用组织层级插件

作者: 叫我汪汪 | 来源:发表于2019-09-27 16:18 被阅读0次
    c3d4d7ad48a93fbad52a37aaa133c96.png

    #项目仓库

    特点:

    • 原生JS编写,兼容到IE10
    • 可无限制嵌套层级
    • 可自定义每一层级的颜色
    • 每个区块都可添加悬浮信息

    引入JS文件后即可使用,用法参考:

    orgChart({
            el: 'org',
            color: ['#d86363', '#e66f43', '#59a56a', '#8165c3'],
            data: {
                name: '网站',
                children: [{
                    name: '前端',
                    hover: '悬浮显示信息'
                }, {
                    name: '后台',
                }],
            }
        });
    

    相关文章

      网友评论

        本文标题:手撸了一个简易好用组织层级插件

        本文链接:https://www.haomeiwen.com/subject/ahkauctx.html