Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug] boundaryGap in angleAxis prevent the cercle to close #20697

Open
Thomasfab opened this issue Jan 17, 2025 · 1 comment
Open

[Bug] boundaryGap in angleAxis prevent the cercle to close #20697

Thomasfab opened this issue Jan 17, 2025 · 1 comment
Labels
bug en This issue is in English pending We are not sure about whether this is a bug/new feature.

Comments

@Thomasfab
Copy link

Thomasfab commented Jan 17, 2025

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

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

@Thomasfab Thomasfab added the bug label Jan 17, 2025
@echarts-bot echarts-bot bot added en This issue is in English pending We are not sure about whether this is a bug/new feature. labels Jan 17, 2025
@helgasoft
Copy link

I see two reasons why this is not-a-bug.
First - API for angleAxis does not state/promise that it would always be a 360 degrees circle. Rule of thumb: no promise - no bug.
Second - when axis type is 'category' and boundaryGap:false, axis labels align with axis ticks and if a full circle is drawn, then first and last labels (Mon/Sun) will overlap. Which would be an eyesore.
Conclusion: developers handled that well, IMHO.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug en This issue is in English pending We are not sure about whether this is a bug/new feature.
Projects
None yet
Development

No branches or pull requests

2 participants