Maison >interface Web >tutoriel HTML >OrgChart -- 基于纯 DOM 与 CSS3 的组织结构图插件_html/css_WEB-ITnose

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

WBOY
WBOYoriginal
2016-06-24 11:25:251555parcourir



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'});
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn