angular引入echarts

两种方法：1.angular提供的下载方法；2.引用第三方js文件。

方法一：

1. 命令行下载。

npm install echarts --save
npm install ngx-echarts --save

2. angular.json文件配置路径。
   
3. 在使用echarts的模块导入NgxEchartsModule（angular封装的echarts模块），也可以导入到共享模块中，按需导入。
   
4. 在组件中使用，其中option可以设置为EChartOption类型，可查看option各项属性提示，但是封装缺少部分属性，可能报错，建议作为参考。（需要安装npm install --save @types/echarts)
   
   

方法二：

1. 下载echarts插件（可以从官网获取）。
2. 把下载好的文件放至assets文件夹下。
3. 在angular.json文件下配置路径（一样是scripts属性）,形如：“src/assets/echarts.min.js”。
4. 在typings.d.ts文件中申明echarts变量。没有这个文件，在src根目录下创建一个。声明语句：

declare var echarts: any;

6. 在组件中使用。
   html文件：

<div id="echarts"></div>

ts文件：

options: any;

const newEcharts = echarts.init(doucument.getElementById('echarts'));
newEcharts.setOption(this.options);