问题描述
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