Heim >Web-Frontend >HTML-Tutorial >OrgChart -- 基于纯 DOM 与 CSS3 的组织结构图插件_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 11:25:251555Durchsuche



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'});
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn