wuba / wuba/react-native-echarts

performance issue for animation

Open
#195 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
967
Forks
35
PR merge metrics
No merged PRs in 30d

Description

I have used react-native-echarts for bar chart, i have other animation in my page, Bar chart slows down the other animations and it feels laggy, if i comment down the Bar Chart component then the other animations works normally.

And i have another issue i open the tooltip by click the axes and then i want to close the tooltip when clicking outside the bar chart file.

react-native-echarts rerender the chart for other state updates, which state are not corresponds to the BarChart Data.

Thanks in Advance 😊

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the lag with a BarChart alongside other animations and by triggering unrelated state updates, then inspect the chart rerender behavior. Also reproduce opening the tooltip from an axis and tapping outside the chart; done means unrelated animations remain responsive, unnecessary rerenders stop, and the tooltip closes as requested.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
mobile, performance
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.