更多>
最新下载
app网页步骤引导实例代码
jQuery tourguide.js 插件制作手机网页步骤引导提示，遮罩弹窗步骤引导介绍使用，支持下一步提示效果。可用于手机app，新版手机端页面使用步骤引导特效。
0
2026-01-02
24小时阅读排行榜
- 1 如何使用Golang channel实现消息队列_多生产者多消费者模式
- 2 PHP接收参数有安全漏洞吗_防范恶意参数注入方法汇总【说明】
- 3 短链接还原php用什么函数_详细讲解urldecode等函数用法【介绍】
- 4 HTML5input新类型有哪些_emaildatecolor怎么用【指南】
- 5 css 新手不懂设计怎么办_通过 css 框架降低设计门槛
- 6 c++中如何使用友元函数friend_c++友元类与友元函数详解
- 7 C#如何将匿名类型序列化为XML
- 8 mysql如何保证事务一致性_mysql事务一致性保障
- 9 EF Core日志怎么输出到控制台 EF Core控制台日志配置
- 10 Android的strings.xml怎么用 字符串资源和格式化
- 11 KML文件怎么创建 谷歌地球KML语言入门教程
- 12 Java如何安全地解析XML 防止XXE和DoS攻击
- 13 Linux监控报警系统教程_ZabbixPrometheus告警配置实战
- 14 Python源码阅读方法_快速理解逻辑说明【指导】
- 15 Python协程系统学习路线第258讲_核心原理与实战案例详解【指导】
更多>
最新教程
-
- Node.js 教程
- 14942 2025-08-28
-
- CSS3 教程
- 1542805 2025-08-27
-
- Rust 教程
- 22457 2025-08-27
-
- Vue 教程
- 24900 2025-08-22
-
- PostgreSQL 教程
- 21569 2025-08-21
-
- Git 教程
- 8621 2025-08-21
jQuery组织结构图表插件OrgChart
js代码
<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/html2canvas.js"></script>
<script type="text/javascript" src="js/jquery.orgchart.js"></script>
<script type="text/javascript">
'use strict';
(function($){
$(function() {
var datascource = {
'name': 'Lao Lao',
'title': 'general manager',
'relationship': { 'children_num': 8 },
'children': [
{ 'name': 'Bo Miao', 'title': 'department manager', 'relationship': { 'children_num': 0, 'parent_num': 1,'sibling_num': 7 }},
{ 'name': 'Su Miao', 'title': 'department manager', 'relationship': { 'children_num': 2, 'parent_num': 1,'sibling_num': 7 },
'children': [
{ 'name': 'Tie Hua', 'title': 'senior engineer', 'relationship': { 'children_num': 0, 'parent_num': 1,'sibling_num': 1 }},
{ 'name': 'Hei Hei', 'title': 'senior engineer', 'relationship': { 'children_num': 2, 'parent_num': 1,'sibling_num': 1 },
'children': [
{ 'name': 'Pang Pang', 'title': 'engineer', 'relationship': { 'children_num': 0, 'parent_num': 1,'sibling_num': 1 }},
{ 'name': 'Xiang Xiang', 'title': 'UE engineer', 'relationship': { 'children_num': 0, 'parent_num': 1,'sibling_num': 1 }}
]
}
]
},
{ 'name': 'Yu Jie', 'title': 'department manager', 'relationship': { 'children_num': 0, 'parent_num': 1,'sibling_num': 7 }},
{ 'name': 'Yu Li', 'title': 'department manager', 'relationship': { 'children_num': 0, 'parent_num': 1,'sibling_num': 7 }},
{ 'name': 'Hong Miao', 'title': 'department manager', 'relationship': { 'children_num': 0, 'parent_num': 1,'sibling_num': 7 }},
{ 'name': 'Yu Wei', 'title': 'department manager', 'relationship': { 'children_num': 0, 'parent_num': 1,'sibling_num': 7 }},
{ 'name': 'Chun Miao', 'title': 'department manager', 'relationship': { 'children_num': 0, 'parent_num': 1,'sibling_num': 7 }},
{ 'name': 'Yu Tie', 'title': 'department manager', 'relationship': { 'children_num': 0, 'parent_num': 1,'sibling_num': 7 }}
]
};
$('#chart-container').orgchart({
'data' : datascource,
'depth': 2,
'nodeTitle': 'name',
'nodeContent': 'title'
});
});
})(jQuery);
</script>
jQuery组织结构图表插件OrgChart组织结构布局代码是一款可以使用本地数据，或通过ajax调用来完成数据的填充。
本站所有资源都是由网友投搞发布，或转载各大下载站，请自行检测软件的完整性！本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架，联系方式：admin@php.cn
相关推荐
热门下载
canvas音谱可视化mp3音乐播放器代码
html5 canvas通过AudioContext对获取audio标签播放的音域和音高，调用js绘制相应高度的矩形或线条。
播放器特效
2021-03-10
