（本文档仅供参考）

问题

如何设置图形的背景渐变和透明度

解决方案

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

1、面积图渐变色，可参考如下扩展属性：
{
"series": [{ "stack": "aaa", //柱图堆积名称 "z": 3 //设置z值，此值越大越显示在最上层 }, { "stack": "aaa", //柱图堆积名称 "z": 3 }, {
"z": 2, //设置z值，此值越大越显示在最上层，面积图的设置为2，保证柱子不会被面积图覆盖
"itemStyle": {
"normal": { "color": "blue" //面积图边线颜色 }
},
"areaStyle": {
"normal": {
"color": {
"x": 0,
"y": 0,
"x2": 0,
"y2": 1,
"type": "linear",
"global": false,
"colorStops": [{ "offset": 0, "color": "blue" //渐变色主色 }, { "offset": 1, "color": "#eeee" //此处颜色可随意 }]
}
}
}
}]
}
实现效果：

2、地图背景透明度，可参考如下扩展属性设置：
{
"geo": {
"itemStyle": {
"normal": { "borderWidth": 2, //设置边线粗细度 "opacity": 0.6, //设置透明度，范围0~1，越小越透明 "areaColor": "#63B8FF" //地图区域颜色 },
"emphasis": { "areaColor": "#7FFF00" //高亮时地图区域颜色 }
}
}
}
实现效果：