•  


Animation Options · Issue #375 · recharts/recharts · GitHub
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

Animation Options #375

Open
Eric24 opened this issue Nov 29, 2016 · 23 comments
Open

Animation Options #375

Eric24 opened this issue Nov 29, 2016 · 23 comments
Labels
enhancement Enhancement to a current API

Comments

@Eric24
Copy link

The current animation options are true and false, and when true, the entire chart is redrawn from scratch on every data update. This is fine for static data that is set once or possibly updated by user action, but it's not useful for real-time data where updates are coming in periodically. The "solution" for now is to disable animation. But I'd like to suggest a third animation option: morph. In this mode, the graph would morph from its present state to the state with the new data. This would make for a very smooth display of real-time data.

@xile611
Copy link
Member

@Eric24 Yeah, we're refactoring animation.

@kartboy16
Copy link

@Eric24 Did you implement any kind of workaround in the meantime? I turned off animation for now but not a great alternative...

@Eric24
Copy link
Author

@kartboy16 - I just turned off animation. It's not a major issue for us. "Delta" animation would be great, but it doesn't affect the functionality of our application.

@bali182
Copy link

@xile611 it's awesome that the library is so actively maintained! Thank you!

@jurajhrib
Copy link

would like to see this too

@dougajmcdonald
Copy link

@kartboy16 I managed to do what @Eric24 was describing, but only by preventing the data being sent within my actions if it was the same as it was last time.

This caused some re-factoring but now makes my charts more dumb which I like.

@windsome
Copy link

windsome commented Jan 15, 2017

how to do smoothly update? is there a solution?
set isAnimationActive={false} on <Line/> ?

@ZephD
Copy link

Looking forward to progress on this. Having a pie chart section "expand" when it's value increases will be amazing.

@xile611 xile611 added Animation enhancement Enhancement to a current API labels Mar 1, 2017
@MarkHarper
Copy link

I'm very interested in seeing this happen. We are considering using Recharts as one of our primary charting libraries, but we need the animations to update from the past value vs from zero. If having additional people working on it could help, myself and a coworker are willing to contribute.

@thirdman
Copy link

Just another note to send much love to you guys, and add a +1 to this issue. I know you're working on it, so yeah, just saying I appreciate it.

@roccomuso
Copy link

roccomuso commented Apr 4, 2017

+1 for the RadialBarChart.

@camflan
Copy link

I see that the Animation Refactor landed in 1.0.0 beta, but transitioning between datasets is still kind of wonky - are there plans for additional updates in this area?

@ethan-deng
Copy link

I think there is currently a bug with the Customized Label. If you go to http://recharts.org/#/en-US/examples/PieChartWithCustomizedLabel directly, the customized label will be drawn. But if you go to any other link first such as http://recharts.org/#/en-US/examples/SimpleScatterChart then click on "PieChartWithCustomizedLabel", then the customized label won't be drawn.

@ericls
Copy link

@camflan I ended up adding a key prop to the component based on data to force a re-draw.

@mattoni
Copy link

Any update on the smooth transition? Victory charts handles this smoothly but if possible I'd like to use recharts, this is holding me back.

@ke1vin4real
Copy link

It has been 2019 now ??,any update?

@grzegorzjudas
Copy link

Could I kindly ask, why this has been closed (and without any further ado) after 3 years of being open? Especially since, based on the initial comments, it looked like there's a chance for this to get implemented.

@ZephD
Copy link

That's easy: Too many open tickets? close the old ones.

@grzegorzjudas
Copy link

Wow, amazing approach ^^" do you do it with bugs as well?

@zip184
Copy link

Re-open +1

@ROZBEH
Copy link

Any updates here?

@dreit-p
Copy link

dreit-p commented May 15, 2023

Seems we have to open a new ticket

@ckifer ckifer reopened this May 15, 2023
@ckifer
Copy link
Member

Re-opened. Thanks for commenting - gave me visibility that this issue even exists exists. I don't have publish permissions on react-smooth (animation library) though so changes to animation are tough to get out

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

No branches or pull requests

- "漢字路" 한글한자자동변환 서비스는 교육부 고전문헌국역지원사업의 지원으로 구축되었습니다.
- "漢字路" 한글한자자동변환 서비스는 전통문화연구회 "울산대학교한국어처리연구실 옥철영(IT융합전공)교수팀"에서 개발한 한글한자자동변환기를 바탕하여 지속적으로 공동 연구 개발하고 있는 서비스입니다.
- 현재 고유명사(인명, 지명등)을 비롯한 여러 변환오류가 있으며 이를 해결하고자 많은 연구 개발을 진행하고자 하고 있습니다. 이를 인지하시고 다른 곳에서 인용시 한자 변환 결과를 한번 더 검토하시고 사용해 주시기 바랍니다.
- 변환오류 및 건의,문의사항은 juntong@juntong.or.kr로 메일로 보내주시면 감사하겠습니다. .
Copyright ⓒ 2020 By '전통문화연구회(傳統文化硏究會)' All Rights reserved.
 한국   대만   중국   일본