在前端开发中，组织结构图（org chart）是一种常见的数据可视化形式，用于显示公司、团队等组织机构的层次结构。谷歌提供了一个Org Chart API，但是很多开发者想知道是否有更好的JavaScript org图库来满足他们的需求。
谷歌Org Chart API简介
谷歌Org Chart API是一个免费的Web服务，可以通过HTTP请求生成动态的Org Chart图表。它使用JSON格式的数据源来创建图表，并且支持自定义样式和交互行为。
以下是谷歌Org Chart API的示例代码：
-- -------------------- ---- -------
---- ---------------------
------- ---------------------- --------------------------------------------------------
------- -----------------------
----------------------------- -------------------------
-------------------------------------------
-------- ----------- -
--- ---- - --- ---------------------------------
------------------------ --------
------------------------ -----------
------------------------ -----------
-- ---- ---- -------
--- ----- - --- --------------------------------------------------------------------
---------------- ------------------
-
---------但是，使用谷歌Org Chart API有一些限制。例如，需要Internet连接才能加载API，每日有访问限制，可能会导致图表无法显示等问题。
更好的JavaScript org图库
有许多其他的JavaScript库可以用来创建Org Chart图表，如D3.js、Vis.js、JointJS等。以下是其中一些常用的库：
D3.js
D3.js是一个流行的数据可视化库，支持各种类型的图表，包括Org Chart。它具有灵活性和可定制性，可以通过JavaScript代码自定义每个元素的样式和交互特性。
以下是使用D3.js创建Org Chart的示例代码：
-- -------------------- ---- -------
---- -----------------
------- ---------------------- ---------------------------------------------
------- -----------------------
--- ---- - -
------- ------
----------- -
-
------- -------- ---
----------- -
-------- --------- ----
-------- --------- ---
-
--
-
------- -------- ---
----------- -
-------- --------- ----
-------- --------- ----
-------- --------- ---
-
-
-
--
--- ----- - -------------------
--------------
-------------- ----
--------------- ----
------------
------------------ --------------------
--- ------ - ---------
-----------------
--- ---- - -------------------
-------------
--- ---- - ------------------------
-------------------
--------
---------------
-------------- -------
----------- ----------- - ------ ----------- --
----------- ----------- - ------ ----------- --
----------- ----------- - ------ ----------- --
----------- ----------- - ------ ----------- ---
--- ---- - ------------------------
-------------------------
--------
------------
-------------- -------
------------------ ----------- - ------ ------------ - --- - --- - --- - ---- ---
---------------------
---------- ----
-------------------
----------------- - ------ ------------ ---
---------Vis.js
Vis.js是一个开源的JavaScript可视化库，支持各种类型的图表，包
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13664