问题:
echarts仪表盘下半圆隐约存在
原因:
目前设置的axisLine.lineStyle.color,不是只是分段颜色设置,为了渐变衔接的效果,有一部分点是叠加了两层颜色设置。
先全长度铺了一层绿色,从左往右透明度降低;再从0.8的位置到结束,铺了一层黄色,从左往右透明度升高。
大致的axisLine.lineStyle.color数组设置如下:
axisLine.lineStyle.color =
[
[
0,
"rgba(255,255,255,0.2)"
],
......
[
0.9975,
"rgba(0, 255, 0,0.005)"
],
[
0.8,
"rgba(255, 255, 0,0.01)"
],
......
[
0.998,
"rgba(255, 255, 0,1)"
],
[
1,
"rgb(255,0,0)"
]
]
这样可以做出自然的过度,但是仔细查看,echarts仪表盘下半圆隐约存在。
解决办法:
1、对color数组排序
axisLine.lineStyle.color =
[
[
0,
"rgba(255,255,255,0.2)"
],
......
[
0.8,
"rgba(255, 255, 0,0.01)"
],
......
[
0.9975,
"rgba(0, 255, 0,0.005)"
],
......
[
0.