apache / apache/echarts

[Bug] boundaryGap in angleAxis prevent the cercle to close

Open
#20,697 7 comments 0 reactions 0 assignees View on GitHub
bug en pending
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.