使用Javascript来实现的超炫组织结构图(Organization Chart)
来源:互联网 发布:visio画图软件下载 编辑:程序博客网 时间:2024/05/05 10:23
最近有个内部项目需要使用组织结构图(organization chart), 寻找了一些开源的项目及其类库,发现竟然没有现成的JS类库可以使用,找到一些简单的JS实现,不过界面及其操作及其简单,不过功夫不负有心人,经过几天国内国外的搜索,找到了一个非常好的解决方案,这里分享给大家。
Javascript InfoVis tools
这个开源的javascript类库可以生成非常炫酷的结构和图形,我选择了其中的一种spacetree类型做为我的组织结构图基础,这种图形可以支持一下特性:
- 支持向上下左右四个方向展开图表
- 支持子节点扩展
- 支持图表拖放
- 支持图表缩放
整个类库异常强大,非常合适复杂的图形功能需求,如下:
具体代码及其在线演示请参考原文
文章来源:使用Javascript来实现的超炫组织结构图(Organization Chart)
- 使用Javascript来实现的超炫组织结构图(Organization Chart)
- 各国及牛叉公司组织架构图(Organization Chart)
- 基于d3.js的组织结构图实现
- 组织结构图 js实现
- L2---net_device---organization: net_device的组织
- 用 js 实现组织结构图
- jOrgchart是一个用来实现组织结构图的jquery插件
- HTML5实现的矢量卡片式组织结构图
- JS生成的组织结构图
- 容器类的组织结构图
- 组织结构图
- JQ插件OrgChart实现组织结构图
- github团队开发--组建自己的组织(Organization)
- Github 组织( organization ) 账号的申请和转换
- 使用 Visio 2002 组织结构图解决方案
- 使用 Visio 2002 组织结构图解决方案
- 使用visio 2010绘制组织结构图
- 使用JavaScript来实现图片的切换
- js去掉字符串两边的空格
- SecureCRT日志
- 入职第一篇
- 分享高性能ASP.NET网站的系统架构设计
- 大型网站架构演变和知识体系
- 使用Javascript来实现的超炫组织结构图(Organization Chart)
- [转]FFMpeg的output_example.c例子分析
- 你的大学(2)
- 获取一个月的最后一天
- 博客图片还在审核中,上传图片可临时用空间相册
- Android数据篇-Json解析
- http://ajava.org/readbook/java/javaemail/11239.html Mime 邮件详解
- CVS格式数据导入oracle表
- Tomcat 服务器server.xml的关键参数配置