#highcharts #react-tsx
Вопрос:
У меня есть много угловых примеров, но ни одного примера, который показывал бы загрузчик во время загрузки высоких диаграмм (объем огромных данных) в react typescript . Я даже пробовал такие функции, как events.redraw и events.render, но безуспешно.
Комментарии:
1. Пожалуйста, предоставьте достаточно кода, чтобы другие могли лучше понять или воспроизвести проблему.
Ответ №1:
Я подготовил простой пример отображения блесны на графике в React. В этом случае я использовал базовое решение CSS, чтобы правильно разместить счетчик. Просто нажмите кнопку ниже, чтобы увидеть, как это работает.
Демо: https://stackblitz.com/edit/react-edispb?file=style.css
const LoadingNotification = ({ isLoading }) => {
if (isLoading) {
return <CircularProgress className="loadingNotification" />;
} else {
return null;
}
};
Вы также можете использовать функцию загрузки.
Ссылки на API:
https://api.highcharts.com/highcharts/loading
ДЕМОНСТРАЦИЯ: