Rumah >hujung hadapan web >html tutorial >OrgChart -- 基于纯 DOM 与 CSS3 的组织结构图插件_html/css_WEB-ITnose

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

WBOY
WBOYasal
2016-06-24 11:25:251555semak imbas



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'});
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn