Echarts地图geo组件每个区域（省份或地级市县）设置渐变色的解决方案

最新推荐文章于 2024-08-05 05:00:00 发布

漏刻有时

最新推荐文章于 2024-08-05 05:00:00 发布

阅读量2.7k

点赞数 1

分类专栏： echarts 文章标签：漏刻有时 echarts

LOCKDATAV出品，为避免断章取义走弯路，请注意环境配置和时间。

本文链接：https://blog.csdn.net/weixin_41290949/article/details/105241237

版权

echarts 专栏收录该内容

205 篇文章 29 订阅

订阅专栏

在这里插入图片描述
官方文档内部解释的很清楚，但是在itemStyle实例中areaColor的颜色使用color可能导致阅读的错误理解，实际上同color的渐变一样，可以设置线性渐变、径向渐变和纹理填充。

itemStyle: {
                normal: {
                    areaColor: {
                        type: 'linear',
                        x: 0,
                        y: 0,
                        x2: 0,
                        y2: 1,
                        colorStops: [{
                            offset: 0, color: 'rgba(27,132,199,0.7)'
                        }, {
                            offset: 1, color: 'rgba(46,197,251,0.7)'
                        }],
                        global: false
                    },
                    borderColor: '#404a59',

                },
                emphasis: {
                    areaColor: '#003857'
                }
            }