Angular10.x 如何使用eCharts图表库

首先，我们在项目中要安装echarts库，代码如下：

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

然后，一定要安装下面这个包，否则10.x版本会报这个错误的
（ERROR in The target entry-point “ngx-echarts” has missing dependencies:

• resize-observer-polyfill）

npm install resize-observer-polyfill --save-dev

下一步就是在对应的module里面导入NgxEchartsModule

import {NgxEchartsModule} from 'ngx-echarts';
import * as echarts from 'echarts';
imports: [
    NgxEchartsModule.forRoot({
      echarts,
    })
  ],

在对应的ts组件中，初始化数据

public chartOption1 : EChartsOption = {};
  constructor() { }

  ngOnInit(): void {
    this.initChart();
  }

  initChart() {
    this.chartOption1 = {
      tooltip: {
        trigger: 'axis'