(本文档仅供参考)
问题
环形图希望实现颜色实现渐变的效果,如下截图
解决方案
具体请参考如下扩展属性
{ "series": [ { "data": [ { "itemStyle": { "color": { "colorStops": [ { "color": "#83bff6", "offset": 0 }, { "color": "#188df0", "offset": 0.5 }, { "color": "#188df0", "offset": 1 } ], "global": false, "type": "linear", "x": 0, "x2": 0, "y": 0, "y2": 1 } } }, { "itemStyle": { "color": { "colorStops": [ { "color": "#F57F2D", "offset": 0 }, { "color": "#F5DC2D", "offset": 0.5 }, { "color": "#188df0", "offset": 1 } ], "global": false, "type": "linear", "x": 0, "x2": 0, "y": 0, "y2": 1 } } }, { "itemStyle": { "color": "rgba(0, 0, 255, 0.2)" } }, { "itemStyle": { "color": "rgba(0,0,0, 0.2)" } }, { "itemStyle": { "color": "rgba(225,200,0, 0.2)" } } ] } ] }
tip:
其实就是将两个wiki的代码结合起来。
修改环形图颜色:https://wiki.smartbi.com.cn/pages/viewpage.action?pageId=76677494
设置渐变:https://wiki.smartbi.com.cn/pages/viewpage.action?pageId=76678223