本文介绍了如何使用Echarts的geo配置项来实现地图的整体颜色渐变效果，特别是当需要自定义颜色和方向时。针对汕头市地图，演示了深蓝到浅蓝的渐变，从左下到右上的方向。此方法需要UI提供每个区域的渐变信息，并逐个设置，但能实现预期的渐变效果。调整x, y, x2, y2属性可以改变颜色的方向和视觉效果。"
127611117,8648493,微信小游戏Canvas事件触发与移动,"['微信小游戏', 'javascript', '前端']
显然这不是我们想要的效果。
网上大部分地图渐变色案例，是使用的visualMap比例尺效果实现的，但是这个效果是依据地图块对应的 value 数值的大小自动分配颜色，对于一些想自定义整体渐变色的场景不是很方便了。
通过echarts官方的配置文档发现geo中的一个属性regions，此属性的作用是：在地图中对特定的区域配置样式。
以汕头市地图为例，颜色：深蓝----浅蓝渐变，方向：左下----右上。
此方法麻烦之处是，需要UI提供一下每个块的渐变颜色和渐变方向，然后单独设置每个块的渐变色，最后整体效果就可以达到想要的效果了。
geo: {
type
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
扫一扫
