组织结构图用于制作、展示多层级信息结构图
普通属性
data-addparent JSON字符串数据,可设置初始显示的数据结构 {name:总经理,title:姓名,info:总经理描述}
data-orgid 给元素设置一个id,默认id='chart-container',并填写此处,例如#abc,同一页面设置多个结构图需设置不同id构 #chart-container
data-nodecontent 是否显示节点的内容部分 是
data-direction 组织结构图的排列方向 从上到下
data-pan 整个组织结构图通过鼠标拖拽 否
data-zoom 组织结构图是否可以鼠标滚轮放大缩小 否
data-draggable 组织结构图是否可以拖拽合并 是
data-exportButton 是否显示导出图片的按钮(可导出结构图的png图片) 是
data-exporttext 导出图片按钮,显示再按钮上的文字,默认:下载图片 下载
data-exportFilename 导出图片的默认命名 公司结构图
data-toggleSiblingsResp 是:箭头一侧有动作,否:节点同辈元素都有动作 否
data-bgcolor 结构图背景色,css规则内的颜色,默认:红色网格,如需白底:设为#fff #fff
控制属性
data--addparents 添加根元素 json字符串{name:总经理,title:姓名,info:总经理描述},
data--addsource 绑定数据源 json字符串{name:总经理,title:姓名,info:总经理描述},可通过数据绑定,来更新显示初始数据源
data--addsiblings 添加同辈(兄弟)元素 json字符串{name:总经理,title:姓名,info:总经理描述},
data--addchildren 添加子元素 json字符串{name:总经理,title:姓名,info:总经理描述},
data--removenodes 删除选择元素 不为空值即可
输出属性
data-x-newdata 保存最新的结构图的数据结构 json数据层级结构
data-x-nodename 选中某个节点时,输出该节点的标题内容 总经理
data-x-nodetitle 选中某个节点时,输出该节点的内容部分 姓名
data-x-nodeinfo 选中某个节点时,输出该节点的描述部分 总经理描述
data-x-nodeid 选中某个节点时,输出该节点的id 23463542342352
-
Notifications
You must be signed in to change notification settings - Fork 0
xiulizhao/orgchart
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
About
组织结构图用于制作、展示多层级信息结构图
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published
