Как я могу узнать, когда график пополнения счета готов (линии уже появляются и анимация закончилась)? - PullRequest
Новая
       6

Как я могу узнать, когда график пополнения счета готов (линии уже появляются и анимация закончилась)?

0 голосов
/ 02 октября 2018

Я хочу скопировать диаграмму в буфер обмена.Я делаю это путем преобразования диаграммы в холст с использованием пакета html2canvas npm.

Есть ли какое-либо событие, которое я могу прослушать, которое будет означать, что линии на диаграмме уже нарисованы, и я могу безопасно скопироватьв буфер обмена?

Прямо сейчас, если я не жду достаточно долго, я получаю пустой график.

1 Ответ

0 голосов
/ 21 марта 2019

Вы можете сделать нам из 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>
...