安装module

在项目根目录下

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

在app.module.ts中引入依赖ngx-echarts

import { NgxEchartsModule } from 'ngx-echarts';

NgxEchartsModule.forRoot({
      echarts: () => import('echarts')
    })

在home.component.html中加入div作为容器

 <div echarts [options]="Option" ></div>

在对应的home.component.ts代码中写Option即可

注意写的位置

Option = {
    xAxis:{type:'category',
                    boundaryGap:false,
                    data:[13,14,15,16,17,18,19,20,21,22,23,24,25]
        
                    },
            yAxis:{
                type: 'value'
            },
            series: [{
                    data: [820, 932, 901, 934, 1290, 1330, 1320],
                    type: 'line',
                    smooth:true,
                    areaStyle: {}
                     }]
  }

遇到的问题

Angular echarts No provider for InjectionToken NGX_ECHARTS_CONFIG!错误

在app.module.ts中更改下配置写法

由NgxEchartsModule改为
 NgxEchartsModule.forRoot({
      echarts: () => import('echarts')
    })