前端技巧：echarts中国地图外边框设置阴影投影效果------荧光效果（2）带边框随笔

最新推荐文章于 2024-09-10 15:13:00 发布

WebKoalaBoy

最新推荐文章于 2024-09-10 15:13:00 发布

阅读量1.6w

点赞数 6

分类专栏： echarts 文章标签： echarts

本文链接：https://blog.csdn.net/hongyu799/article/details/82499728

版权

echarts 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

option = {
    backgroundColor: '#000',//画布背景颜色
    geo: {
        show: true,
        map: 'china',
        label: {
            normal: {
                show: false
            },
            emphasis: {
                show: false,
            }
        },
        roam: false,
        itemStyle: {
            normal: {
                areaColor: '#01215c',
                borderWidth: 5,//设置外层边框
                borderColor:'#9ffcff',
                shadowColor: 'rgba(0,54,255, 1)',
                shadowBlur: 150
            }
        }
    },
    series: [
    {
        type: 'map',
        map: 'china',
        geoIndex: 1,
        aspectScale: 0.75, //长宽比
        showLegendSymbol: false, // 存在legend时显示
        label: {
            normal: {
                show: false,
            },
            emphasis: {
                show: false,
                textStyle: {
                    color: '#fff'
                }
            }
        },
        roam: false,
        itemStyle: {
            normal: {
                areaColor: '#01215c',
                borderColor: '#3074d0',
                borderWidth: 1
            },
            emphasis: {
                areaColor: '#01215c'
            }
        },
    }]
}

效果如下