如果想画公司组织架构图,用这两个插件的区别是什么?有什么优缺点?
GoJS 更通用
OrgChart 适合画组织和树形结构
gojs
gojs是一款基于canvas的图形库,可以基于项目的不同需求实现具有交互性的各类图表,比如流程图,树图,关系图,力导图等等。gojs采用面向对象思想,以图形对象表示绘图单元,JSON对象作为数据模型,图形对象通过属性绑定的方式从数据模型获取相关的属性值。
不足之处在于对于css动画支持不够,优势在于canvas库封装较好,提供丰富的交互事件,能够满足实际项目的个性化需求。在项目使用中,对于常见图表,项目实际使用echartjs作为替代选择,对于定制化需求则采用gojs实现。
Orgchart
Orgchart为画组织架构图插件,通过OrgChart API定义的数据接口以json的数据形式将自己想要的组织架构数据传给orgChart,上手难度低,可扩展性比较高。
支持<ul>,json, ajax数据源;
用户可以对展开/折叠结果图中的节点;
用户可以设置结构图的朝向;
用户可以通过拖拽节点到其他节点来改变图的结构;
用户可以对图中的节点进行增删节点,并导出最终的结构关系;
支持导出结构图为png图片;
支持对结构图的缩放和平移。