search

juijs / jui-chart

SVG-based JUI chart that can be used in the browser and Node.js. Support many types of charts. (Dashboard, Map, Topology, Full 3D, Realtime)
https://codepen.io/collection/nLydod/
57 stars 25 forks source link

실시간 챠트 IE 메모리릭 #129

Open t3q-suhan opened 7 years ago

t3q-suhan commented 7 years ago

jui 로 실시간 챠트를 구현했는데 크롬에서는 문제 없지만 IE 11 . 엣지에선 메모리가 점점 증가하는 현상이 발생했습니다. 테스트 해본결과 챠트를 새로 그리는

axis(0).set or axis(0).updateGrid 를 사용해서 챠트 를 그릴때 발생하는것을 확인했습니다.

예제 인 http://chartplay.jui.io/?p=realtime1 위 소스를 그대로 카피한후 최신 core.min.js chart.min.js 을 다운로드 하여 인클루드 한 후 페이지를 구성해보았습니다. 동일하게 메모리가 늘어나는 것을 확인했습니다. 구현상의 문제가 있는건지 확인 요청드립니다.

image

seogi1004 commented 7 years ago

@t3q-suhan 얼마나 띄어보셨나요? 예전에 메모리 릭 현상은 수정했었는데... ㅠㅠ

easylogic commented 7 years ago

@t3q-suhan 차트 생성 코드 옵션을 보여주실 수 있으신가요?

차트 생성하실때 render : false 라는 옵션을 주시게 되면 메모리가 절약됩니다.

t3q-suhan commented 7 years ago

위의 캡쳐는 제 소스가 아니라 jui 사이트의 Realtime Chart 예제 소스를 그대로 사용했습니다. 별도의 가공은 하지 않았습니다. http://chartplay.jui.io/?p=realtime1 <= 요 소스입니다. 캡쳐 보시면 5분정도에 300메가가 넘었는데 처음 시작은 100메가 정도 였습니다. 오래 놔두면 메모리가 1기가가 넘으면서 컴이 버벅됩니다.

크롬에선 문제 없으나 IE 11 과 엣지에선 위 같은 현상이 발생됩니다.

적용 페이지 입니다. http://unisecure.iptime.org:8000/realtime.htm

seogi1004 commented 7 years ago

그렇다면 문제군요. ㅠ 엣지에서 테스트해보겠습니다. ㅠㅠ

t3q-suhan commented 7 years ago

엣지는 메모리 증가가 미미해서 잘 표가 나지 않습니다. ( 5분에 5메가 정도 증가하네요. ) IE 11에서는 수치 증가가 눈에 보이네요. (5분에 150메가이상 증가.) 엣지 말고 IE11로 테스트 하셔야 확인이 쉬우실 듯 합니다.

easylogic commented 7 years ago

window10 에서 확인해보니 ie11 이 미친듯이 느리네요 .ㅠㅠ