在前端开发过程中，我们经常需要使用图表来展示数据，而且为了提高开发效率，我们可以使用一些成熟的图表库。但是如果搜索一下 npm 上的图表库，会发现有很多种选择，让人眼花缭乱。因此，我们需要一个工具来帮助我们快速创建一个新的图表库，这个工具就是 initgraph。
什么是 initgraph？
initgraph 是一款面向前端领域开发者的 npm 包，它可以快速帮助开发者创建一个新的图表库。initgraph 通过封装一些常见的图表库，使得开发者可以快速地创建自己的图表库，并且可以根据需要进行二次或多次开发和优化。
如何安装 initgraph？
我们可以通过 npm 安装 initgraph：
--- ------- -- ---------
安装完成后，就可以开始使用它来创建新的图表库。
如何使用 initgraph？
初始化一个空的图表库
在终端中输入以下命令，可以初始化一个空的图表库：
--------- ------ --------
其中，my-chart 是你要创建的图表库的名称。执行该命令后，会在当前目录下创建一个以 my-chart 命名的文件夹，并且生成一些基本的文件结构。这些文件用于编写和打包图表库。
添加图表库
在初始化完成后，我们需要添加需要的图表库。例如，在 chart-demo 库中添加 echarts 库。
-- -------- --------- --- -------
执行完添加命令后，你需要在 src/index.js 文件中手动引入该库：
------ ------- ---- ---------
注意，这里的 echarts 是你加载的图表库名字，它和 package.json 中的依赖库名字是一致的。
编写图表代码
在添加完相应的图表库后，我们就可以开始编写图表代码了。在 src/index.js 文件中，我们可以编写自己的图表代码。例如，在 chart-demo 库中，我们可以编写如下代码：
------ ------- ---- ---------
------ ------- -------- ------------- -
--- ------- - ---------------------------------------------
--- ------ - -
-- --- -----
-
-------------------------
-打包图表库
当我们开发完成后，需要将图表库进行打包，以方便应用到项目中。
在终端中执行以下命令即可打包图表库：
--------- -----
命令执行完成后，我们会在当前文件夹下生成一个 dist 文件夹，其中包含了已经打包完成的图表库。我们就可以将它应用到项目中了。
总结
使用 initgraph 可以快速创建一个新的图表库，并且可以灵活地添加和修改图表库。希望本篇文章对你有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005587b81e8991b448d5bdf