首页 >web前端 >html教程 >OrgChart -- 基于纯 DOM 与 CSS3 的组织结构图插件_html/css_WEB-ITnose

OrgChart -- 基于纯 DOM 与 CSS3 的组织结构图插件_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:25:251544浏览



OrgChart 是一个基于纯DOM与CSS3的组织结构图插件

示例代码:

// sample of core source codevar datascource = {  'name': 'Lao Lao',  'title': 'general manager',  'relationship': ‘001’,  'children': [    { 'name': 'Bo Miao', 'title': 'department manager', 'relationship': ‘110’ },    { 'name': 'Su Miao', 'title': 'department manager', 'relationship': ‘111’,      'children': [        { 'name': 'Tie Hua', 'title': 'senior engineer', 'relationship': ‘110’ },        { 'name': 'Hei Hei', 'title': 'senior engineer', 'relationship': ‘110’ }      ]    },    { 'name': 'Yu Jie', 'title': 'department manager', 'relationship': ‘110’ }  ]};$('#chart-container').orgchart({  'data' : datascource,  'depth': 2,  'nodeTitle': 'name',  'nodeContent': 'title'});
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn