本文将作为你的 ECharts 入门指南，带你系统性地梳理 ECharts 的核心知识体系，并通过一个贴近实际业务的“高三期末考试成绩分析”案例，手把手教你如何将数据转化为富有洞察力的图表。

引言 Echarts 大家都不陌生吧，时常被用于绘制各种图表，也作为大屏可视化的常驻用户，这里就不多说了，今天主要是讲述一下 Echarts 的地图下转，支持下转到县、返回上一级。 准备工作 地图JS

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

本篇文章将从实践出发，深入探讨 ECharts 渲染十万级数据的性能优化方案，通过实际案例和经验总结，探讨如何提升大规模数据可视化的渲染效率和用户体验。

前言 技术栈 依赖引入 首先为了解决echarts的全量引入问题，我们需要单独书写一个echarts依赖引入文件，文件内部之引入我们需要使用的echarts依赖, 通过我们引入部分的 echarts/

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

因为 ECharts 的使用场景及其广阔，并且定制化的场景比较多，所以就不封装可以复用的组件了，在我看来，echarts封装更好用就行了

需求要求画出上海普陀区，具体街道、镇级的地图。普通Echart只能画出省市区的的地图不能提供具体的街道、镇级数据。所以可以通过bigmap来获取具体数据。

ECharts，作为大屏开发最主流的图表组件，为什么大家都觉得自己“熟练使用”它？它具有那些特质？？