项目中经常用到echarts，不做封装直接拿来使用也行，但不可避免要写很多重复的配置代码，封装稍不注意又会过度封装，丢失了扩展性和可读性。始终没有找到一个好的实践，偶然看到一篇文章，给了灵感。找到了一

本文对一段代码进行解析，这段代码是一个基于React和echarts的图表组件，通过封装echarts的相关功能和组件，实现了一个自定义的图表组件。

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

第一节：Vue 使用 Apache Echarts 绘制地图（省市、地区、自定义）!!!!!!!!!

问题 项目中常遇见的问题在于，echarts的封装跟不上需求的多变性 目标 分析 1、要尽可能简单的使用就要使用尽可能少的配置 2、要有适用性就需要以Echarts的文档为准绳，尽可能的不使用自定义语

1. ZRender 的基本使用方法， 2如何将数据点转换为可视化图形，以及如何为图形添加交互功能。

DataEase开源数据可视化分析平台于2022年6月发布模板市场，并于2024年1月新增适用于DataEase v2版本的模板分类。

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

通过这个案例可以了解到ECharts强大的灵活性 : 可以更改展示内容的各种formatter ; 读取当前图表状态的getOption ; 响应用户操作的'事件系统' ; ......