代码之家 › 专栏 › 技术社区 › rony l

我怎样才能知道什么时候recharts图表已经准备好了(行已经出现,动画结束)?

recharts

2

rony l · 技术社区 · 6 年前

我想把图表复制到剪贴板上。我把图表转换成画布 html2canvas

是否有任何事件我可以听,这将表明图表中的线已经绘制,我可以安全地复制到剪贴板?

现在如果我等的时间不够长,我会得到一张空图表。

1 回复 | 直到 6 年前

1

loopbender 6 年前

你可以让我们 onAnimationEnd 任何图表组件的道具,如 <Line> <Bar> , <Pie> 或者你在用什么。只是想说清楚;它不是为 LineChart 但是 Line 组件本身。

<LineChart width={730} height={250} data={data}
  margin={{ top: 5, right: 30, left: 20, bottom: 5 }}>
  <XAxis dataKey="name" />
  <Line type="monotone" dataKey="pv" stroke="#8884d8" onAnimationEnd={this.copyToCanvas} />
</LineChart>