职业IT人-IT人生活圈

 找回密码
 成为会员
搜索
查看: 318|回复: 2

使用Javascript来实现的超炫组织结构图(Organization Chart)

[复制链接]
醉倚西风 发表于 2011-8-20 10:52 | 显示全部楼层 |阅读模式
最近有个内部项目需要使用组织结构图(organization chart), 寻找了一些开源的项目及其类库,发现竟然没有现成的JS类库可以使用,找到一些简单的JS实现,不过界面及其操作及其简单,不过功夫不负有心人,经过几天国内国外的搜索,找到了一个非常好的解决方案,这里分享给大家。
Javascript InfoVis tools
这个开源的javascript类库可以生成非常炫酷的结构和图形,我选择了其中的一种spacetree类型做为我的组织结构图基础,这种图形可以支持一下特性:
支持向上下左右四个方向展开图表
支持子节点扩展
支持图表拖放
支持图表缩放
整个类库异常强大,非常合适复杂的图形功能需求,如下:



具体代码及其在线演示请参考原文

文章来源:使用Javascript来实现的超炫组织结构图(Organization Chart)

已经来了吗 发表于 2011-8-20 10:52 | 显示全部楼层
这个太NB了  是不是开源的。

gz-vps 发表于 2011-8-20 10:52 | 显示全部楼层
lipengyu2006 写道
这个太NB了  是不是开源的。

开源的图形类型,有兴趣你可以自己研究一下
您需要登录后才可以回帖 登录 | 成为会员

本版积分规则

QQ|手机版|小黑屋|网站帮助|职业IT人-IT人生活圈 ( 粤ICP备12053935号-1 )|网站地图
本站文章版权归原发布者及原出处所有。内容为作者个人观点,并不代表本站赞同其观点和对其真实性负责,本站只提供参考并不构成任何投资及应用建议。本站是信息平台,网站上部分文章为转载,并不用于任何商业目的,我们已经尽可能的对作者和来源进行了通告,但是能力有限或疏忽造成漏登,请及时联系我们,我们将根据著作权人的要求立即更正或者删除有关内容。

GMT+8, 2024-4-25 07:53 , Processed in 0.143059 second(s), 20 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表