[Bug] boundaryGap in angleAxis prevent the cercle to close
- Dominant language
- TypeScript
- Stars
- 67.3k
- Forks
- 19.8k
- Avg merge
- 11d 14h
- Merged PRs (30d)
- 8
Description
### Version
5.5.0 or higher
### Link to Minimal Reproduction
https://codesandbox.io/p/sandbox/keen-tree-whcd49?from-embed=
### Steps to Reproduce
1. Create a chart in which we have an angle axis, a radius axis and uses polar coordinates
2. In the angle axis option set the property "boundaryGap" to false
with this option you should reproduce the bug :
```
{
angleAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
boundaryGap: false
},
radiusAxis: {
},
polar: {},
series: [
],
legend: {
}
}
```
### Current Behavior
The graphic displayed is a circle and should be whole, as there is no start and end angle, which is the case when the “boundaryGap” option (in angleAxis) is set to true.
When this property is set to false, part of the circle is missing: the part between the last data and the first data.
In the option I gave above, my circle starts on Monday and ends on Sunday, instead of ending on Monday as well.
### Expected Behavior
When the boundaryGap is set to false, the circle should be whole
### Environment
```markdown
OS : Windows 10
Browser: Chrome 131.0.6778.265
Framework: Vue@3
```
### Any additional comments?
The bug also occurs in your online editor on every browser that how I figured out that the bug occurs since version 5.5.
In this example (https://echarts.apache.org/examples/en/editor.html?c=bar-polar-stack-radial) of your online examples you can see directly the bug by adding the boundaryGap to false
Contributor guide
Assessment
This issue has not been assessed yet.