（本文档仅供参考）
问题
如何设置图形的背景渐变和透明度如何设置地图背景的透明度
解决方案
方案一，可以通过在图形设置中添加扩展属性设置可以通过在图形设置中添加扩展属性设置
| 代码块 |
|---|
...
| |||||||||
| |||||||||
{ "series": [{ "stack": "aaa", //柱图堆积名称 "z": 3 //设置z值，此值越大越显示在最上层 }, { "stack": "aaa", //柱图堆积名称 "z": 3 }, { geo": { "z": 2, //设置z值，此值越大越显示在最上层，面积图的设置为2，保证柱子不会被面积图覆盖 "itemStyle": { "normal": { "colorborderWidth": "blue"2, //面积图边线颜色 } 设置边线粗细度 }, "areaStyle": { "normal": { "color": { "x"opacity": 0.6, "y": 0, //设置透明度，范围0~1，越小越透明 "x2": 0, "y2": 1, "type": "linear", "global": false, "colorStops": [{ "offset": 0, "color": "blue" //渐变色主色 areaColor": "#63B8FF" //地图区域颜色 }, { "offsetemphasis": 1,{ "color"areaColor": "#eeee#7FFF00" //此处颜色可随意 }] 高亮时地图区域颜色 } } } }] } |
实现效果：实现效果：如下 地图的背景透明，直接显示电子表格中的背景图了。
2、地图背景透明度，可参考如下扩展属性设置：方案二，可通过以下扩展属性设置地图背景透明：
| 代码块 | theme | Eclipse
|---|---|
| language | js |
| firstline | 1 |
| linenumbers | true | { "geo": { "itemStyle": { "normal"borderColor": { "borderWidth": 2, //设置边线粗细度 "opacity": 0.6, //设置透明度，范围0~1，越小越透明 "areaColor": "#63B8FF" //地图区域颜色 }, "emphasis": { "areaColor": "#7FFF00" //高亮时地图区域颜色 } } } } |
实现效果：
...
"rgba(0, 0, 205, 0.8)",
"color": "rgba(128, 128, 128, 0)", // 最后面的0设置的就是透明度，值越小越透明
"borderWidth": 1.5
}
}
} |
实现效果如下：
| Viewtracker |
|---|
