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

2663 109 技术 2019-09-27

c3d4d7ad48a93fbad52a37aaa133c96.png

#项目仓库

特点:

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

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

orgChart({
        el: 'org',
        color: ['#d86363', '#e66f43', '#59a56a', '#8165c3'],
        data: {
            name: '网站',
            children: [{
                name: '前端',
                hover: '悬浮显示信息'
            }, {
                name: '后台',
            }],
        }
    });
© 2020 peal.cc 粤ICP备2020133024号