页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

(本文档仅供参考)

问题

...

环形图希望实现颜色实现渐变的效果,如下截图

Image Modified

解决方案

具体请参考如下扩展属性

Image Modified

代码块
linenumberstrue
{
	"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