导读：在本文中，我们找来了五个创建在线组织结构图的JavaScript库。为了帮助一些读者在开发CRM相关系统时做为参考之用。本文考量的关键点为功能和文档以及用户体验。
DHTMLX
地址：https://dhtmlx.com/docs/products/dhtmlxDiagram/
DHTMLX库创建的图表，可以对数据进行分层、可视化并且配置容易。从2.0版开始，除了组织结构图之外，开发者还可以创建任何类型的分层图。包括组织结构，块和网络，层次图，思维导图等。
JointJS
JointJS库具有导出功能，可以将图表导出为PDF或PNG格式的文件。
它提供的在线编辑模式提供在不了解源代码的情况下即时更改样式，另外编辑器的交互式界面支持拖放，可以更改图表的每个项目，使用鼠标拖动图表项目，并通过编辑器设置项目的大小和位置属性。图表节点可以是纯文本，自定义HTML和SVG元素和图片。
还可以使用自定义CSS样式为图表创建自定义样式。如果是包含大量项目的图表，它的缩放和滚动功能特别有用。
如果想紧凑地显示组织结构，还可以使用垂直模式。
这个库提供了全面完整的用户指南，帮助用户做进一步的配置，无论初学者和成熟的开发者都能够创建更适合需求的图表。
地址：https://www.jointjs.com/
Rappid Diagramming 框架
Rappid是一个JS框架，用来开发Web应用程序，以创建不同类型的图表。
可以使用该库为用户提供交互式的流程图，图表以及图形的创建。基于Rappid的应用程序的UI完全可定制，可以根据站点的样式实现所需的外观以及用户体验。Rappid可与任何在线应用程序集成，并可与任何后端技术配合使用。
此框架的主要目标为创建业务流程管理工具，组织结构图，楼层设计规划等场景的可视化。
可以使用HTML5和SVG 结合显示2D效果。它与主流的JavaScript框架兼容，如jQuery，Angular，React和Backbone.js。此外，该框架完全支持移动设备，能够为平板电脑和智能手机创建体验一致的应用程序。
Rappid为开发人员提供了各种各样的插件来制作复杂的可视化应用程序。可配置的控制面板可帮助您掌握重要的工具。
Rappkid提供了演示页面（http://resources.jointjs.com/demos）和一系列教程（http://resources.jointjs.com/tutorial），这些教程（http://resources.jointjs.com/tutorial）提供有关Rappid功能的信息说明，并包含源代码和详细说明。
对于想开发在线可视化应用程序的人来说，Rappid框架是一个不错选择。
yFiles for HTML
地址：https://www.yworks.com/products/yfiles-for-html
yFiles for HTML（https://www.yworks.com/products/yfiles-for-html）允许开发者在HTML5 Web应用程序添加图表。该库提供了各种丰富规格的UI组件，用于绘制和查看可编辑的图形和图表。
人们可以创建不需要任何插件或服务器组件的客户端应用程序。
你可以使用基于Java或.NET的服务器组件进行自动化布局，或者如果正在处理计算密集型任务，就需要此工具。YFiles是一个纯JavaScript工具，可以与Angular和React等主流框架一起使用。它支持最新的ECMAScript 6功能，并允许使用TypeScript绑定。
可以查看演示页面（https://www.yworks.com/products/yfiles/demos），可以体现该库的所有可能性。包括所有类型的图表，从思维导图到图表，都可以使用yFiles for HTML创建。
yFile的文档页面非常详细，包含分步学习指南和API参考。
Google Charts
上面的组织结构图是一种图表类型，可以用 Google Charts创建。
Google Charts 是一组简单但功能强大的工具，有着丰富的图表库供选择。所有图表都是完全可配置的，可以轻松为应用创建独特的外观。Google Charts可以在所有现代浏览器中使用，并支持所有平台，无需安装任何插件。
Google Charts是一个免费工具，如果想省钱并使用与谷歌相同的图表工具，这个产品将是一个不错的选择。
Google Charts 地址：http://www.getorgchart.com/
GetOrgChart
GetOrgChart 使用 HTML5，CSS 和 JavaScript 制作整洁的组织结程图。
使用服务器端组件，开发人员可以实现特制的编辑界面。想对应用创建美丽的外观，可以使用默认外观和调色板，也可以自己设置。如果用户使用非常大的图表，则允许查找特定项目的搜索字段。此外，还支持在没有任何视觉元素的情况下显示原始数据的不及格。
该库提供编辑模式可以轻松创建和编辑图表项。人们所要做的就是键入名称，标题以及一些其他必要的信息，GetOrgChart将自动构建图表。
如果使用非常大的数据集，还可以折叠图表，只留下你有用的部分。GetOrgChart提供缩放功能，可以用导航按钮在项目间导航。GetOrgChart最好的一点是，配置语法简单，不需要任何特殊编程技巧。
我们从它的演示页面（http://www.getorgchart.com/）来总结，它是一个非常简约的工具。如果你只是需要简单易用的组织结构图，它将是一个不错的选择。
GetOrgChart的文档页面（http://www.getorgchart.com/Documentation）暂时还不是很详细，目前可以取得核心API的参考指南。虽然如此，但即使没有特殊的编程技能，也非常容易使用和集成。
小结
制作组织结构图的库的选择不少。可以根据自己的需求，当然还有预算来选择免费和简单、复杂或昂贵的工具。
首先可以试用谷歌图表，并检查其功能是否满足自己的需求，因为它的免费的；你还可以选择GetOrgChart作为非商业项目的工具。DHTMLX具有适中的价格，并提供了广泛的图表类型以及一些很好的功能，用于制作更精细的自定义样式图表。Rappid可以合理的价格创建移动端应用程序。yFiles可以创建任何类型的图表，但是价格贵一些。
以上介绍这些JS库，供你在开发CRM、ERP时少一些弯路。至于选择哪一样，自然丰俭由人。
