这不最近我司设计又又给我整活了，甩给我几张炫酷的图表效果图，看得我眼花缭乱；笔者瞅了一眼ECharts常规配置项，果然直接配置是实现不了的。不过没关系，这次正好深入ECharts的renderItem

>记录下工作中使用echarts做出的特殊组件  ```js imp

在前端开发中，ECharts 作为数据可视化的利器被广泛使用，但每次使用都要重复处理初始化、容器获取、事件绑定、窗口 resize 等逻辑，不仅繁琐还容易出错。最近我封装了一个useEchart

针对大屏可视化响应式处理、Echarts图表不同形式的展示配置项、动画处理及大屏常见动态模块展示、定时刷新方案等实现记录。

本篇文章主要讲解如何使用组合式函数（Composables）来封装 Echarts，提供一套可复用、易维护的图表解决方案 在这里你能够学到 Echarts 封装的思路与最佳实践

在现在开发的项目中, ECharts 已成为不可或缺的可视化工具，通常我们会将 ECharts 封装为组件以便重复使用，但随着项目规模扩大，图表的使用频率增加，代码重复和维护成本也随之上升，甚至影响开

UI设计图的页面样式如下： 1.首先搭建简易版的柱状图 ①安装echarts插件 ②在项目中引用 ③准备好Dom ④初始化echarts实例 ⑤调整柱状图的宽度与颜色 重点来了！重点来了！重点来了！

给echart饼图添加光圈（自适应，定位饼中心）首先是饼图不是位于中心`center: ['50%', '50%']`,而是偏左，另外页面也是自适应。查了`echart`的官网文档，没有直接可配置化的

前言 最近接到个业务需求，类似于数据大屏展示图表的功能，需要具备一键换肤和表格转换成为图表的功能，对于我这种老Echarter来说已经是很轻车熟路的操作了，但是由于团队使用的是Vue3+TS还是遇到了