页面树结构
转至元数据结尾
转至元数据起始

正在查看旧版本。 查看 当前版本.

与当前比较 查看页面历史

版本 1 下一个 »

(本文档仅供参考)

问题

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

解决方案

具体请参考如下扩展属性

{
	"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

  • 无标签