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

feat(label): enforce labelLayout for all state #20476

Open
wants to merge 8 commits into
base: master
Choose a base branch
from

Conversation

A0nameless0man
Copy link

@A0nameless0man A0nameless0man commented Nov 6, 2024

Brief Information

This pull request is in the type of:

  • bug fixing
  • new feature
  • others

What does this PR do?

Make sure labelLayout is enforced to all four state of label.

Fixed issues

labelLayout option ignored in blur state for sunburst chart.

Example

Details

Before: What was the problem?

Current impl of sunburst chart calculates label position in SunburstPiece.ts, and apply it to all display state. However, this impl didn't take labelLayout into account and causes conflict as labelLayout is only applied to normal state for now.

This inconsistency causes strange animation on mouse hover.

After: How does it behave after the fixing?

Now with this pr, labelLayout always takes priority.

Document Info

One of the following should be checked.

  • This PR doesn't relate to document changes
  • The document should be updated later
  • The document changes have been made in apache/echarts-doc#xxx

Misc

ZRender Changes

  • This PR depends on ZRender changes (ecomfe/zrender#xxx).

Related test cases or examples to use the new APIs

N.A.

Others

Merging options

  • Please squash the commits into a single one when merging.

Other information

As an inexperienced front-end developer, this PR may require more reviews to avoid breaking any existing use cases. Also, I am currently unable to add unit tests for this PR, which may require further processing.

Copy link

echarts-bot bot commented Nov 6, 2024

Thanks for your contribution!
The community will review it ASAP. In the meanwhile, please checkout the coding standard and Wiki about How to make a pull request.

@A0nameless0man
Copy link
Author

Before

image

image

After

image

@A0nameless0man
Copy link
Author

Future works

Support blur and emphasis status for labelLayout .

Copy link
Contributor

github-actions bot commented Nov 6, 2024

The changes brought by this PR can be previewed at: https://echarts.apache.org/examples/editor?version=PR-20476@931326a

@A0nameless0man
Copy link
Author

Unit test

There is only one test label-layout has diff except those ut i added. Not sure why.
image

Initial state is same.
image

And test candlestick-large2 failed because of timeout, likely due to my weak computer and/or wsl overhead.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant