[Bug] radar areaStyle图形异常

### Version

5.4.3

### Link to Minimal Reproduction

[Demo](https://codesandbox.io/s/sharp-fire-4h9hpz?file=/src/App.vue)

### Steps to Reproduce

如下图所示：当雷达图的0、2、5 dimensionIndex的值为0时areaStyle出现异形：

### Current Behavior

```javascript
option = {
title: {
text: 'Basic Radar Chart'
},
legend: {
data: ['Allocated Budget', 'Actual Spending']
},
radar: {
// shape: 'circle',
indicator: [
{ name: 'Sales', max: 6500 },
{ name: 'Administration', max: 16000 },
{ name: 'Information Technology', max: 30000 },
{ name: 'Customer Support', max: 38000 },
{ name: 'Development', max: 52000 },
{ name: 'Marketing', max: 25000 }
]
},
series: [
{
name: 'Budget vs spending',
type: 'radar',
areaStyle: {
opacity: 0.5
},
data: [
{
value: [0, 10000, 0, 20000, 20000, 0],
name: 'Allocated Budget'
},
]
}
]
};
```

### Expected Behavior

实际图形应该是这样:

### Environment

```markdown
- OS:
- Browser:
- Framework:
```

### Any additional comments?

_No response_