ReCharts:如果一开始就隐藏了线条动画,如何启用它?

问题描述

LineChart 包含 2 条线。 一开始显示一个,隐藏一个

切换按钮隐藏和显示线条。

线条之间存在差异。其中一个是动画的,另一个不是。

如何动画第二行(隐藏在开头的那一行)

直播:https://codesandbox.io/s/holy-moon-fdq9g?file=/src/Chart.jsx

解决方法

为了激活绘制第二行的动画,您必须按需加载它,而不是使用属性 hide,因为数据已经加载并且动画已被第一行应用(我认为这是一个图书馆的问题)

这是一个解决方案,您可以通过加载或删除线条而不是更改显示属性来管理线条的显示,从而使之变得更好:

https://codesandbox.io/embed/modest-wilbur-ql18f?fontsize=14&hidenavigation=1&theme=dark

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...