Acerca del problema de pérdida de memoria de Echarts y echarts-for-react

Recientemente, todas las solicitudes de pantalla grande que recibí fueron para mostrar gráficos. Durante la prueba, la pantalla se quedó en blanco dos veces, lo que me hizo preocuparme de que pudiera deberse a una pérdida de memoria. realmente tiene este problema.

ECharts necesita limpiar variables después de cada setOption. Hay API en ECharts para limpiar variables manualmente, a saber, clear () y dispose (). La diferencia es que el primero solo necesita insertar parámetros. ECharts volverá a dibujar el gráfico; este último limpia directamente el objeto ECharts y necesita reconstruir el objeto ECharts. Además, también existe una función especial de reciclaje de memoria CollectGarbage para IE. Cada vez que se minimiza el navegador, el navegador llamará a esta función para limpiar la memoria.

chart.dispose() con echarts.init() y luego setOption(). O llame a su método clear().

Para obtener más información, consulte /apache/incubator-echarts/issues/4726

/hustcc/echarts-for-react/blob/master/src/core.jsx#L122

Con respecto a este complemento, eché un vistazo a su solución. Se procesa en los ciclos de vida de componenteDidUpdate y componenteWillUnmount: