本文档仅供参考)
问题1:仪表盘面积图透明度
自助仪表盘在标记区设置面积图颜色,但是面积区显示的颜色不一致,这是为什么呢?
实现方案
此问题是因为标记区设置为图形的全局颜色,相当于是设置折线的颜色,而Echarts的默认效果会对面积部分乘以0.7的透明度,此为echart自身效果,若不想要被设置透明度,可以通过以下扩展属性实现效果,示例的扩展属性如下,相关的属性可以上echarts官网查看,https://echarts.apache.org/zh/option.html#title
|
最终效果如图:
问题2:不同面积透明度
echarts扩展属性如何实现在标准面积图中分别给不同的面积添加不透明度
解决方案
可在图形中增加扩展属性
{ series: [{ name: "男", areaStyle: { color: "rgba(164, 109, 201, 0.4)" } }, { name: "女", areaStyle: { color: "rgba(128, 128, 128, 0.4)" } }] }
其中扩展属性中的设置
可参考附件资源 堆积面积图-透明度.xml