前言由于完成的软件需要前端绘图，所以果断选择了大家熟知的ApacheEcharts。对于原生的JS或者TS，引入第三方库很简单，在Header处添加即可。本文旨在介绍Angular之间的一些差异，尤其是最新的Angular13使用Echarts。1.安装npm依赖在Angular项目根目录下执行：npminstallecharts--savenpminstallngx-echarts--save其中--save的作用是将包写入package.json，并安装下次点击一下。2、导入CSS和JS文件Angular.json在Angular.json脚本中引入“node_modules/echarts/dist/echarts.js”注意：build和test中的脚本必须导入，否则样式在单元测试中会失效。模块导入在模块的导入中引入NgxEchartsModule。一般是这样引入的：但是这样会导致空注入器的问题：本能的想到用模块导入，也就是在AppModule中引入，但是问题并没有解决。检查后，解决方法很简单。改成import如下：NgxEchartsModule.forRoot({echarts:()=>import('echarts')})接下来就可以粘贴样式了。3、粘贴样式访问ApacheEcharts官网可以看到多种样式，每种样式都给出了JS和TS示例代码：https://echarts.apache.org/ex...随便点一个就可以看到其代码：接下来要研究的是如何使用代码。虽然右边的标签给出了完整的代码，但是这段代码不能直接粘贴到Angular项目中（因为Angular13增强了语法检查）。查看之后发现其实用法很简单，核心就是options变量。在V层定义图表：
