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

Strange "shaking" behaviour for coordinateSystem + roundCap bar charts for higher than 100% percent values #124

Open
davidtjones02 opened this issue Oct 2, 2023 · 1 comment
Assignees

Comments

@davidtjones02
Copy link

Describe the bug
When creating a polar coordinateSystem bar chart with roundCap set to true for a value on the series, that dataset will appear to shake during animation.

To Reproduce
Steps to reproduce the behavior:

  1. Create a simple react-native-echarts skeleton bar chart
  2. Modify the series to include coordinateSystem: 'polar' and roundCap: true
  3. Include a data value in the series higher than the max value specified in angleAxis.max: 100 such as data: [140]
  4. Ensure animations are enabled
  5. Load the graph

Expected behavior
The animation reaches it's final destination without causing the element to shake.

Screenshots/Videos
iOS

RPReplay_Final1696256842.mp4

Android

qemu-system-x86_64_vweiv0kB7l.mp4

Smartphone (please complete the following information):

  • Device: iPhone 12 Pro Max

  • OS: iOS 16.6

  • Browser: Safari

  • Versions:
    "@wuba/react-native-echarts": "^1.2.4",
    "echarts": "^5.4.3",

  • Device: Android Emulator (Pixel 5 API 30)

  • OS: Android 11.0 Google APIs

  • Browser N/A

  • Versions:
    "@wuba/react-native-echarts": "^1.2.4",
    "echarts": "^5.4.3",

Additional context
This appears to occur across iOS/Android/Web on both Skia and SVG. But does not seem to happen on the non react-native library. If there are any suggestions/alternatives methods for a better way to create this style of graph that can replicate the second snack that would be fantastic.

Expo Snacks: (animationDuration can be changed but the issue still occurs)
https://snack.expo.dev/@davidtjones/6ffc24
https://snack.expo.dev/@davidtjones/close-to-production-example

Apache ECharts Example (Not experiencing the problem here):
Apache ECharts example

Thank you very much for working on this library, it works incredibly well. If I can provide any more information I'll be happy to help.

@davidtjones02
Copy link
Author

Any info on this?

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

No branches or pull requests

2 participants