Chart plays animations when first mounted

[mwskwong]

Describe the solution you'd like
Charts will play an animation (e.g. fade in) when first mounted. Similar to how recharts (sorry for mentioned another similar library here) behave. Currently, only a limited amount of charts (e.g. Network. Yet, most of them are uncommon) support that.

[Jakkc]

Second this! Would be such a great feature to have.

[alexiastandish]

Is there an option for this yet?

[vhbert]

Has there been any progress on this feature?
Would really like to see this as well.

[stale]

This issue has been automatically marked as stale. If this issue is still affecting you, please leave any comment (for example, "bump"), and we'll keep it open. We are sorry that we haven't been able to prioritize it yet. If you have any new additional information, please include it with your comment!

[priyatham-aps]

bump

[shrimpynuts]

bump!

[TetianaMulenko]

would love this to be a thing ❤️

[stale]

This issue has been automatically marked as stale. If this issue is still affecting you, please leave any comment (for example, "bump"), and we'll keep it open. We are sorry that we haven't been able to prioritize it yet. If you have any new additional information, please include it with your comment!

[chrislicodes]

bump

[danielfamiyeh]

bump

[marjan2k]

bump

[tpulido]

bump

[SirBernardPhilip]

Is there any hacky way to do this for the time being?

[chrislicodes]

Is there any hacky way to do this for the time being?

This worked for me:

const BarChart = ({ data }) => {
    // Workaround for initial animation
    const [chartData, setChartData] = useState([]);
    useEffect(() => {
      let animation = setTimeout(() => setChartData(data), 1);
  
      return () => {
        clearTimeout(animation);
      };
    }, [data]);
  
    return (/* Something */);
}

[sentilesdal]

bump!

[stale]

This issue has been automatically marked as stale. If this issue is still affecting you, please leave any comment (for example, "bump"), and we'll keep it open. We are sorry that we haven't been able to prioritize it yet. If you have any new additional information, please include it with your comment!

[stale]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you!

[mfenej]

bump!

[kamilkur]

Bump! My business relies on this feature :)

[Gerald12344]

Is there any plan for this to be worked on or added?

[hernan-sinapsis]

This would be awesome

[donniean]

bump!

[ayofef]

Bump!

[raahulthakur]

Bump

[michelbf]

This would be awesome

[van-for-days]

bumparoo

[jeanhdev]

bump

[anudas-pexa]

bump

[somidi85]

Bump

[rodrigofsouto]

bump!!

[gitjeet]

bump!!!!!

[GabsxBatata]

bump!!!