页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

(本文档仅供参考)

问题

如何设置地图背景的透明度

解决方案

可以通过在图形设置中添加扩展属性设置方案一,可以通过在图形设置中添加扩展属性设置

代码块
languagejs
themeEclipselanguagejs
firstline1
linenumberstrue
    {
    "geo": {
        "itemStyle": {
            "normal": {
                "borderWidth": 2,  //设置边线粗细度
                "opacity": 0.6,        //设置透明度,范围0~1,越小越透明
                "areaColor": "#63B8FF"    //地图区域颜色
            },
            "emphasis": {
                "areaColor": "#7FFF00"    //高亮时地图区域颜色
            }
        }
    }
}

实现效果:

...

实现效果:如下  地图的背景透明,直接显示电子表格中的背景图了。

Image Added

方案二,可通过以下扩展属性设置地图背景透明:

代码块
{
"geo": {
"itemStyle": {
"borderColor": "rgba(0, 0, 205, 0.8)",
"color": "rgba(128, 128, 128, 0)",  // 最后面的0设置的就是透明度,值越小越透明
"borderWidth": 1.5
}
}
}

Image Added

      实现效果如下:

Image Added


Viewtracker