页面树结构

版本比较

标识

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

(本文档仅供参考)

问题

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

解决方案

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

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

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

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

方案二:

...

代码块
{

...


"geo": {

...


"itemStyle": {

...


"borderColor": "rgba(0, 0, 205, 0.8)",

...


"color": "rgba(128, 128, 128, 0)",  // 最后面的0设置的就是透明度,值越小越透明

...


"borderWidth": 1.5

...


}

...


}

...


}

Image Modified

      实现效果如下:

Image Modified

...

 


Viewtracker

...