[Bug] pie触发dispatchAction报错‘The provided double value is non-finite’

[Lcyame]

Version

5.3.1

Link to Minimal Reproduction

No response

Steps to Reproduce

option = {
	"tooltip": {
		"trigger": "item"
	},
	"series": [{
		"name": "IT资源",
		"type": "pie",
		"radius": ["50%", "65%"],
		"roseType": false,
		"data": [{
			"value": 1056,
			"name": "数据库",
			"labelLine": {
				"lineStyle": {
					"color": "#EEEC0D"
				}
			},
			"itemStyle": {
				"color": {
					"type": "radial",
					"r": 1,
					"colorStops": [{
						"offset": 0,
						"color": "#EEEC0D"
					}, {
						"offset": 1,
						"color": "rgba(238,236,13,0.2)"
					}]
				}
			}
		}, {
			"value": 1421,
			"name": "主机",
			"labelLine": {
				"lineStyle": {
					"color": "#E55125"
				}
			},
			"itemStyle": {
				"color": {
					"type": "radial",
					"r": 1,
					"colorStops": [{
						"offset": 0,
						"color": "#E55125"
					}, {
						"offset": 1,
						"color": "rgba(229,81,37,0.2)"
					}]
				}
			}
		}]
	}],
	"label": {}
}

myChart.dispatchAction({
		type: 'highlight',
		dataIndex:0
	})

Uncaught TypeError: Failed to execute 'createRadialGradient' on 'CanvasRenderingContext2D': The provided double value is non-finite.

Current Behavior

ver5.3.1:Uncaught TypeError: Failed to execute 'createRadialGradient' on 'CanvasRenderingContext2D': The provided double value is non-finite.

Expected Behavior

...

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

[Lcyame]

ver 5.2.2 is OK

[lefex]

You miss x and y property. But, we should fix this bad case . I have fixed this bug, bug not publish.

There are two ways to fix this issues：

1. You can try as below:

2. Or you can add x and y property: