easy-pie-chart 是一个基于 Canvas 的 JavaScript 插件，用于绘制简单的饼图。它可以方便地嵌入到 Web 应用程序中，并提供了多种配置选项，使得用户可以自定义饼图的样式和数据。
安装
使用 easy-pie-chart 需要先安装它，这可以通过 npm 来完成：
npm install easy-pie-chart --save
使用
要使用 easy-pie-chart，需要在 HTML 文件中引入它的脚本文件，通常是在 <head> 标签中添加以下代码：
<script src="node_modules/easy-pie-chart/dist/jquery.easypiechart.min.js"></script>
接下来，就可以在 JavaScript 代码中使用它了。以下是一个简单的示例：
-- -------------------- ---- -------
---- ------------- ----------------------- --------------------------------
--------
------------ -
--------------------------
---------- ---
----- ----
--------- ----------
----------- ----------
----------- ------
-------- ----
---
---
---------在这个示例中，我们创建了一个带有 chart 类的 div 元素，并设置了 data-percent 属性为 50。然后，在 JavaScript 代码中，使用 jQuery 选择器找到该元素，调用 easyPieChart() 方法，并传递一些配置选项。最后，饼图就被绘制出来了。
配置选项
easy-pie-chart 提供了多种配置选项，使得用户可以自定义饼图的样式和数据。以下是一些常用的选项：
lineWidth：线条宽度，默认为 3。size：饼图大小，默认为 110。barColor：饼图颜色，默认为#ef1e25。trackColor：背景颜色，默认为#f2f2f2。scaleColor：刻度颜色，默认为#dfe0e0。animate：动画时长（毫秒），默认为 2000。
有关所有可用选项的详细信息，请参阅 easy-pie-chart 文档。
指导意义
easy-pie-chart 是一个轻量级的 JavaScript 插件，可以方便地在 Web 应用程序中创建简单的饼图。它易于使用，同时也提供了多种配置选项，使得用户可以自定义饼图的样式和数据。因此，它适用于那些需要展示简单数据分布情况的应用场景，如统计报表、数据可视化等。
在实际使用过程中，建议根据具体需求选择合适的配置选项，并进行适当的样式定制。此外，由于 easy-pie-chart 依赖 jQuery，所以在使用前需要先引入该库。
示例代码
以下是一个完整的示例代码，包含了一个带有动态数据的饼图：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
----------- --- ----- ---------------
------- --------------------------------------------------------------------------------
------- ---------------------------------------------------------------------------
-------
------ -
--------- ---------
-------- -------------
------ ------
------- ------
-
-------- -
--------- ---------
---- ----
----- --
------ -----
----------- -------
---------- -----
------------ -----
------ -----
-
--------
------
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------