angular中对echarts图表进行封装（环形进度条、双Y轴折线区域图）

Posted 2023-03-09

参考技术A

在大屏的开发过程中，需要大量的使用echarts图表，我们可以腾出时间将echarts图表进行二次封装，以便后期循环使用。

封装为公共组件，在使用的时候只需要传入option项即可

这个文件将你所有图表的配置项写成key-value的形式存入进去，这样可以在你使用到某个相同的echarts图表时，只需要在外部动态的修改data数据即可。

环形进度条说明：
环形进度条有一些地方需要记录一下：

双Y轴折线区域图：
这里同样有些地方需要留意的，在echarts3.0版本以上，貌似y轴坐标就需要手动去划分刻度以及设置最大值或最小值。