前言玩转ECharts系列，主要为大家讲解我们基于ECharts如何实现企业级大屏项目中较为常用的各种奇奇怪怪的图表，接下来我们将通过几篇文章从基础图表开始为大家详细讲解实现这些图表样式的一些“小心机

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

结果均是以失败告终（不符合业务需求，改造难度大）。 调整一下心情，重新踏上甘特图组件调研之路 🤕，终于，被我发现了 Top 5 : Best free jQuery and JavaScript Dynamic Gantt Charts for web application…

经过之前环形图需求，对ECharts的使用感觉已经非常熟练了，这次写柱状图的时候就快了很多。 ^_^

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

MyScale 是一款完全托管于亚马逊云科技，支持 SQL 的高效向量数据库。MyScale 的优势在于，它在提供与专用向量数据库相匹敌甚至优于的性能的同时，还支持完整的 SQL 语法。

封装组件，以方便在Vue项目中使用Echarts图表，调用方便，复用方便。可用于toB类展示数据项目，更多的是用在大屏数据可视化项目

1. 如何在 Vue3 中实现一个通用的 ECharts 组件； 2. 解决 Vue3 中，ECharts 报错无法显示的问题； 3. 解决 flex 布局中，resize 失效的问题。

效果图 我们先看一下效果图，大致知道最终是什么样的（若是有道友也要做类似的效果，可以在阅读完毕以后，直接复用哦😄） 大致需求如下 绘制出安徽省【以及省内的各个城市、区县】地图 市和区县都有对应的数据，