（本文档仅供参考）
问题
如何设置图形的背景渐变和透明度
解决方案
可以通过在图形设置中添加扩展属性设置
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" //高亮时地图区域颜色
}
}
}
} |
实现效果：
| Viewtracker |
|---|
