Echarts 및 echarts-for-react의 메모리 누수 문제에 대해

최근에 받은 대형 화면 요청은 모두 차트 표시에 대한 것이었습니다. 테스트 중에 화면이 두 번 깜박였습니다. 결국 Echarts 때문일 수 있습니다. 정말 이런 문제가 있습니다.

ECharts는 각 setOption 후에 변수를 정리해야 합니다. ECharts에는 변수를 수동으로 정리하는 API(clear() 및 dispose())가 있습니다. 차이점은 전자는 매개변수만 삽입하면 된다는 것입니다. ECharts는 차트를 다시 그립니다. 후자는 ECharts 개체를 직접 정리하고 ECharts 개체를 다시 작성해야 합니다. 또한 IE용 특수 메모리 재활용 기능인 CollectGarbage가 있습니다. 브라우저가 최소화될 때마다 브라우저는 이 기능을 호출하여 메모리를 정리합니다.

charts.init()와 함께 Chart.dispose()를 사용한 다음 setOption()을 사용합니다. 또는 Clear() 메서드를 호출하세요.

자세한 내용은 /apache/incubator-echarts/issues/4726을 참조하세요.

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

이 플러그인과 관련하여 해당 솔루션을 살펴보았습니다. 이는 componentDidUpdate 및 componentWillUnmount 수명 주기 모두에서 처리됩니다.