简介
tibird-ngx-graph 是一个基于 Angular 和 D3.js 开发的图形化界面开发库。它可以帮助开发者快速构建可视化图形。
安装
使用 npm 安装 tibird-ngx-graph：
npm install tibird-ngx-graph --save
使用
在需要使用的模块中引入模块：
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - -------------- - ---- -------------------
-----------
-------- -
--------------
-
--
------ ----- --------- - -在 html 文件中添加 ng-graph 标签：
<ngx-graph [links]="links" [nodes]="nodes"></ngx-graph>
示例代码
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ----- ---- - ---- -------------------
------------
--------- -----------
--------- -
---------- --------------- ----------------------------
-
--
------ ----- ------------ -
------ ------ - -
-
------- ------------
------- ---------
------ -------------
--
-
------- --------
------- -----------
------ -------------
-
--
------ ------ - -
-
--- -----------
--
-
--- --------
--
-
--- -------
--
-
--- ----------
-
--
-总结
tibird-ngx-graph 是一个非常有用的工具库，可以帮助开发者快速构建可视化图形。它的使用方法也非常简单，开发者只需要按照使用教程中的步骤，即可在自己的项目中使用它。如果你正在寻找一个高效简单的可视化工具库，那么 tibird-ngx-graph 就是您的最佳选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600672eb0520b171f02e1e94