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

Chart options to control the chart's animation #171

Closed
stinus opened this issue Mar 29, 2023 · 6 comments · Fixed by #302
Closed

Chart options to control the chart's animation #171

stinus opened this issue Mar 29, 2023 · 6 comments · Fixed by #302
Assignees
Milestone

Comments

@stinus
Copy link

stinus commented Mar 29, 2023

This is a feature request to allow control over the animation of the charts. Chart.js has an animation built in which animates the chart every time it updates. As I was working with real-time data and getting second by second updates, the chart in blazorbootstrap updates with an ease-in animation from bottom to top every few seconds.
LineChart

It would be nice if we can control the animation the same way chart.js allows it like this:
Chart js

For example https://www.chartjs.org/docs/latest/samples/line/line.html if you click 'add data' the only update happening is adding the datapoint to the end of the chart and scaling it correctly without that ease-in effect that the linechart in blazorbootstrap seems to have by default.

@stinus stinus changed the title Chartoptions to control the animation Chart options to control the chart's animation Mar 29, 2023
@LukasHKlg
Copy link

Any updates on this issue?

@gvreddy04 gvreddy04 added this to the 1.10.0 milestone Jul 19, 2023
@gvreddy04
Copy link
Contributor

gvreddy04 commented Jul 19, 2023

@stinus @LukasHKlg We will include in 1.10.0.

@gvreddy04
Copy link
Contributor

gvreddy04 commented Jul 27, 2023

@stinus @LukasHKlg

You can check the WIP demos here:

We are making the same enhancements to all chart components.

gvreddy04 added a commit that referenced this issue Jul 29, 2023
* Chart options to control the chart's animation #171
@LukasHKlg
Copy link

@stinus @LukasHKlg

You can check the WIP demos here:

We are making the same enhancements to all chart components.

Got 404 on both links.

@gvreddy04
Copy link
Contributor

@LukasHKlg The features have already been merged to the master branch. When changes are merged to the master branch, the preview deployment slot is deleted. However, I can share the preview here. 1.10.0 will be released on or before August 12, 2023.

Recording_171_charts.mp4

@stinus
Copy link
Author

stinus commented Nov 1, 2023

@LukasHKlg The features have already been merged to the master branch. When changes are merged to the master branch, the preview deployment slot is deleted. However, I can share the preview here. 1.10.0 will be released on or before August 12, 2023.

Recording_171_charts.mp4

Great work! Thanks for adding the feature! Looks perfect now!

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

Successfully merging a pull request may close this issue.

3 participants