某天，业务突然找到正在摸鱼🐟的我，说想要一个工具，支持在高德地图上绘制矩形，并且可以编辑矩形...

我正在参加「掘金·启航计划」 下面我们以广西南宁的来做实例，来进行这个渲染和添加纹理图片的操作。 首先我们先看看文档，echarts 的geo的areaColor是可以支持通过图片来对地图的区域内容来

团队在开发大屏项目时，常常会遇到动态词云的效果，如下图所示： “每条词条在容器范围内随机移动，当鼠标放在单独词条上时，停止移动”

大屏适配解决方案 做可视化大屏时，在适配屏幕上，有四种常用的解决方案： 根据屏幕尺寸随意缩放 适用场景：留白不可接受的情况下使用 优点：占满屏幕，美观 缺点：屏幕尺寸比和设计稿尺寸比不一致时，导致变形

效果图 代码 总结 横屏的时候，即为竖屏旋转90度，加上监听控制，然后改一下样式，最后别忘了重绘一下Echarts

整理下项目中 echarts 的封装方式，利用 Vue3 的组合 API 对 echarts 的通用逻辑进行封装。在使用 echarts 组件的时候，往往数据不是静态不变的，而是需要我们从后端异常查询

vue3 + echarts + typescript 按需导入组件封装，封装性 + 构建优化，鱼和熊掌我全都要。

1.通过dataZoom实现柱状图动态前移效果 设置dataZoom当前缩放值，加定时器，实现轮播效果。 示例： 2.叠加流光效果 多条曲线叠加，但注意，需要监听legendselectchanged

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