Maison >interface Web >tutoriel HTML >OrgChart -- 基于纯 DOM 与 CSS3 的组织结构图插件_html/css_WEB-ITnose
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'});