美文网首页
echarts中国地图去掉地图底色改为透明

echarts中国地图去掉地图底色改为透明

作者: 小岛wink | 来源:发表于2021-07-01 09:30 被阅读0次

百度echarts中国地图,去掉地图底色,改为透明色:
1、首先把为地图着色的series去掉(地图保留打点)
2、geo 里的itemstyle设置区域颜色的改为:'rgba(128, 128, 128, 0)', 最后以为设置0位全透明,

代码如下:

 geo: {
                    map: 'china',
                    roam: false,
                    zoom: 1.2,
                    //center: [110.97, 35.71],
                    label: {
                        normal: {
                            show: false,
                            textStyle: {
                                color: "#F0F8FB"
                            }
                        },
                        emphasis: {
                            show: false,
                            textStyle: {
                                color: "#F0F8FB"
                            }
                        }
                    },
                    itemStyle: {
                        normal: {
                            areaColor: 'rgba(128, 128, 128, 0)', //rgba设置透明度0
                            borderColor: '#007bf1',//省份边框颜色
                            borderWidth:1.5,//省份边框
                        },
                        emphasis: {
                            areaColor: '#0f2c70'
                        }
                    },
                    regions: [
                        {
                            name: "南海诸岛",
                            value: 0,
                            itemStyle: {
                                normal: {
                                    opacity: 1,
                                    label: {
                                        show: false
                                    }
                                }
                            }
                        }
                    ]
                },

相关文章

网友评论

      本文标题:echarts中国地图去掉地图底色改为透明

      本文链接:https://www.haomeiwen.com/subject/cmlurltx.html