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

몇가지 궁금한 점이 있어 글을 남기게 되었습니다. #152

Open jonggyun opened 6 years ago

jonggyun commented 6 years ago

안녕하세요.

좋은 프레임워크를 제공해주신 덕에 보다 편리하게 개발을 하고 있는 개발자입니다.

이렇게 글을 남기게 된 것은 사용하다가 궁금한 점이 생겼기 때문입니다.

  1. transaction_view

현재 홈페이지에서 제공되는 ChartPlay의 TransactionView 예제입니다. 해당 그래프가 들어있는 탭을 보고 있을 때는 빨간 사각형처럼 그래프가 표시되는데, 사이트를 끄지 않은 채 다른 탭을 둘러보다가 돌아왔을 경우 노란 네모처럼 데이터가 띄엄띄엄 박히는 듯한 느낌을 주는 것 같습니다. 혹시 이에 대한 해결방안은 없는 것인지요?

  1. dateblock

JUI_chart 관련 소스를 받았을 때 sample/realtime 디렉터리에 들어있는 dateblock.html 파일을 수정한 내용입니다. 궁금한 내용은 realtime 값이 minutes일 때와 seconds일 때의 차이점입니다. 두 그래프 모두 line:solid를 적용했을 때, minutes 값일 경우 x축 line의 움직임이 자연스럽게 이동하는 듯한 느낌을 주는데, seconds 값으로 바꿀 경우 line은 멈춰있고 밑에 값만 바뀌는 느낌으로 그래프가 진행되는 듯합니다. seconds값으로 변경했을 때도 minutes처럼 line이 자연스럽게 움직이는 효과를 줄 수는 없는 건가요?

바쁘신 와중에 읽어주셔서 감사합니다.

easylogic commented 6 years ago

@jonggyun 안녕하세요.

jui-chart 사용해주셔서 감사합니다.

일단 이미지만 봐서는 상태를 정확하게 유추하기가 힘든데요.

혹시 예제 소스를 올려주실 수 있으신가요?

jonggyun commented 6 years ago

안녕하세요.

1번의 경우는 현재 http://jui.io 에서 제공하고 있는 Charts -> JUI Chart Play 부분의 Transaction View 부분입니다.

2번의 경우는 해당 관련 예제를 수정해서 zip파일로 첨부합니다.

dateblock.zip

jonggyun commented 6 years ago

바쁘신와중에 죄송하지만 확인 중이신건지 궁금합니다.

easylogic commented 6 years ago

@jonggyun 답변이 늦어서 죄송합니다.

데이타 맞추고 보고 있는데, 아직 원인을 못 찾았습니다. ㅠㅠ

최대한 빨리 찾아볼게요.

jonggyun commented 6 years ago

@easylogic 확인해주셔서 감사합니다! 원인 찾으시면 꼭 알려주세요 ㅠㅠ

easylogic commented 6 years ago

@jonggyun

다양한 확인 끝에 원인을 찾았네요. realtime 형태가 지금까지 1분, 1시간 단위로만 쓰다가 몰랐는데.

30초는 살짝 다른 개념이라

30초 단위로 찍혀야 하는데, 현재 시간 기준으로 그냥 30초만 더해서 찍고 있었네요.

즉, 현재가 29초이면 30, 1분, 1분 30초 처럼 찍혀야 하는데

지금 29초면 59, 1분 29 기존 시간 기준으로 찍어버려서 차트가 움직이지 않았습니다.

한마디로 버그입니다. ㅠㅠ

수정 되면 알려드리겠습니다.

jonggyun commented 6 years ago

@easylogic 혹시 첫번째 내용에 대한 답변도 들을 수 있을까요? 어떤 문제 때문에 이런 현상이 발생하는지 궁금합니다.

easylogic commented 6 years ago

@jonggyun

1번 현상도 계속 찾아보고 있습니다.

예상하기로는 브라우저가 내려가는 시점에 setInterval 같은게 느리게 적용이 되서

정상적으로 데이타가 구성이 되지 않은 상태 인듯 합니다.

최대한 빨리 확인해드리게요 ~

jonggyun commented 6 years ago

@easylogic 감사합니다!

easylogic commented 6 years ago

@jonggyun

1번과 관련해서 아직 정확하게 현상을 재현을 못해서 그런데요.
어떤 브라우저에서 테스트 하신 건가요?

jonggyun commented 6 years ago

@easylogic 답변이 늦어 죄송합니다. 크롬에서 테스트 했었습니다.