这是一个基于 Vue 3 和 ECharts 的可复用图表组件，支持常见的图表功能，包括动态配置、自动调整大小、加载状态、空数据提示等。 🚀 功能特性

以上的内容我花了一周时间去实现的，自己也觉得时间很长，但主要因为很少使用ECharts，导致使用的过程中大部分的时间都在查文档。 对于上面的这些功能点，

一直想写这一篇来着，用于记录工作中遇到的一些比较有意思的图表， 会不定时更新这篇文章，下次一定...

面对千奇百怪的产品需求、繁琐复杂的数据格式，如何正确的利用数据可视化达到完美的效果，这篇文章会让你收获颇多！

从基础样式调整到进阶动态效果，分享饼图阴影、扇区间距、数据标签优化方法，让图表兼具美感与信息传达力。

在项目中使用 ECharts 遇到了一些问题，包括图表不会随着窗口大小变化而变化，以及父组件向子组件传值时，ECharts 中的值不会被同步渲染等，因此写本博文进行记录；

<script src="https://cdn.jsdelivr.<script src="./echarts.this.this.this.var myChart = echarts.init(document.let data = [Math.for (let i = 1;...

为什么要去封装echarts？ 我们将实现以下这些功能 父组件传递X轴和Y轴数据以及自动显示暂无数据 子组件 props中的数据更新后为什么视图没有重新渲染？ watch来解决数据变化后视图立即更新

还在为 Echarts 的使用而感到烦恼吗❓那就快来看看吧，保证从此解决你的忧虑，让你更加优雅的使用Echarts，嘿嘿~