angular 中引入echarts 的方式

1、直接引用echarts.js 文件

首选需要把echarts.js文件放到项目静态资源文件夹中，然后在angular.json 文件中scripts里面去引用，路径不要找错了，我这里拿我引的jquery给你看 

然后就是在用到的地方，在文件最上面 定义变量echarts,就可以正常用了 

// 用到的组件里面定义
import { Component } from '@angular/core';
declare const echarts: any;

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.less']
})
export class AppComponent {
  // echarts.init('XXXXX');
}

2、通过npm install echarts 安装，安装成功后，在用到的组件里面直接导入就行

import { Component } from '@angular/core';
import * as echarts from 'echarts';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.less']
})
export class AppComponent {
  // echarts.init('XXXX')
}

 两种引入方式，不仅是echarts ,其它js库引入都是同样的引法。

（完结）

下面是我的小程序，扫码给个支持下吧，还有奖励奥