chartjs / chartjs/Chart.js

Animate updates to axes

Open
#10,894 0 comments 3 reactions 0 assignees View on GitHub
type: enhancement
Dominant language
JavaScript
Stars
67.7k
Forks
11.9k
Avg merge
7h 39m
Merged PRs (30d)
5

Description

### Feature Proposal

It would be very powerful for chart.js to include the possibility to animate the axes upon general calls to chart.update().

[This simple and powerful example from d3](https://bl.ocks.org/d3noob/7030f35b72de721622b8) shows how an axis animation can provide very useful context for how the scale changes, compared to just animating the datasets. Especially the Y-axis animation is helpful to grasp the scale of the update more easily:

![animating_axes](https://user-images.githubusercontent.com/4601554/111362610-51750180-868f-11eb-92f5-5070481376e3.gif)

(this was originally posted as https://github.com/chartjs/Chart.js/issues/4221#issuecomment-800513443, however it seems to have drowned there, therefore opening a separate request here)

### Possible Implementation

https://bl.ocks.org/d3noob/7030f35b72de721622b8

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.