（本文档仅供参考）
问题
如何设置图形的背景渐变和透明度
解决方案
可以通过在图形设置中添加扩展属性设置
...
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 |
|---|
