html 组织结构图表,OrgChart-简单实用的组织结构图表jQuery插件

134 阅读 0 评论 89 点赞

我是靠谱客的博主鲜艳汉堡，最近开发中收集的这篇文章主要介绍html 组织结构图表,OrgChart-简单实用的组织结构图表jQuery插件，觉得挺不错的，现在分享给大家，希望可以做个参考。

OrgChart是一款简单实用的组织结构图表jQuery插件。OrgChart通过DOM元素，jQuery和CSS3过渡效果来制作组织结构图表。可以使用本地数据，或通过ajax调用来完成数据的填充。

使用方法

使用OrgChart组织结构图表插件需要在页面中引入jquery.orgchart.css，jquery和html2canvas.js、jquery.orgchart.js文件。

HTML结构

该组织结构图表插件的HTML结构使用一个

作为容器。

使用本地数据

下面的代码使用本地数据作为组织结构图表的数据源。得到的效果如下图所示：

// sample of core source code

var datascource = {

'name': 'Lao Lao',

'title': 'general manager',

'relationship': { 'children_num': 3 },

'children': [

{ 'name': 'Bo Miao', 'title': 'department manager',

'relationship': { 'children_num': 0, '

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。

html 组织结构 图表,OrgChart-简单实用的组织结构图表jQuery插件