前言
ng-geev 是一个 Angular 前端开发工具，可以帮助开发者快速构建数据可视化页面，提高工作效率，本文将详细介绍该工具的使用方法。
安装
ng-geev 可以通过 npm 安装:
npm install --save ng-geev
使用
在 Angular 工程中，可以通过下面的方式使用 ng-geev：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ --------------- ---- ----------
------------
--------- -----------
--------- ------ ------------------- ------------------------------------------
--
------ ----- ------------ -
------- - -
----- -
--- -- -- ---
--- -- -- ---
--- -- -- ---
--- -- -- ---
--- -- -- ---
--- -- -- --
--
------ ----
------- ---
--
------------------- -
-------------------
-
-在上述代码中，我们使用了 GeevComponent 组件，该组件会根据 options 属性渲染一个数据可视化页面，其中 options.data 属性定义了我们需要呈现的数据，options.width 和 options.height 则定义了绘制区域的大小。
onSelect 事件则在用户选择了数据点时触发，我们可以在该事件中执行相应的逻辑，比如打印该数据点到控制台。
示例代码
下列代码可以生成一个简单的折线图：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ --------------- ---- ----------
------------
--------- -----------
--------- ------ ------------------- ------------------------------------------
--
------ ----- ------------ -
------- - -
----- -
--- -- -- ---
--- -- -- ---
--- -- -- ---
--- -- -- ---
--- -- -- ---
--- -- -- --
--
------ ----
------- ---
--
------------------- -
-------------------
-
-在上述代码中，我们定义了一个 data 数组，其中每个元素都代表一个坐标点，x 和 y 表示该点的横坐标和纵坐标。
此外，我们还定义了该图表的宽度和高度，通过 onSelect 事件监听用户选择的数据点。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067376890c4f72775840d3