什么是 echarts-angular2？
echarts-angular2 是一个基于 Angular 框架封装的 echarts 库，它提供了方便的组件和服务，让开发者能够更加便捷地在 Angular 应用中使用 echarts。
安装
要使用 echarts-angular2，必须先安装 echarts 和 angular-cli。
可以通过 npm 安装 echarts-angular2 包，同时在 package.json 中添加 echarts：
npm install echarts --save npm install echarts-angular2 --save
使用
1. 配置模块
在 app.module.ts 中引入 EChartsModule：
-- -------------------- ---- -------
------ - ------------- - ---- -------------------
-----------
-------- -
-- ---
-------------
--
--
------ ----- --------- - -2. 引入组件
在组件中使用 echarts-angular2 组件：
<div echarts [options]="options" (chartInit)="onChartInit($event)"></div>
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ------------- - ---- -----------------------------------------
------------
--------- -----------
------------ -----------------------
---------- ------------------------
--
------ ----- ------------ -
------ -------- ------------- - -
------ -
----- -----
--
-------- ---
------ -
----- ------ ----- ----- ----- ----- ----- ------
--
------ ---
------- --
----- -----
----- ------
----- --- --- --- --- --- --- ----
---
--
------ --------------- ----- ---- -
----------------
-
-其中，options 为 echarts 的配置项，具体参考 echarts 文档。
在组件中可以监听 chartInit 事件来获取 echarts 实例，注意需要通过 $event 获取。
指导意义
这篇文章介绍了如何使用 echarts-angular2 包，它提供了方便的组件和服务，让我们更加方便地使用 echarts 在 Angular 应用中展示数据和图表。
使用 echarts-angular2 可以更加方便地管理 echarts 的实例，减少代码的重复工作。
同时，这篇文章也提供了一个示例代码，希望能帮助读者快速上手 echarts-angular2 包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600559e181e8991b448d76f1