jui NaN 에러와 마우스오버 이벤트 관련

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

jui NaN 에러와 마우스오버 이벤트 관련 #241

Open jhshose opened 3 years ago

jhshose commented 3 years ago

캡처2

cy가 NaN 이라는 에러에 대해 문의드립니다.

그리고 차트라인에 마우스댔을때, x축(datetime) 값을 보여주게 하고싶은데, y축(time) 값이 보입니다. brush에 target을 변경해봤지만, 작동되지 않아서 문의드립니다.

changhoLee12345 commented 3 years ago

target:["datetime","time","date"] 이 부분에서 date값은 뭐지? mouseover이벤트를 실행시켯을때 보여주는 필드정도 아닌가 싶은데... 그런 필드가 있는지 확인해봐여지...

그리고 data: data 에는 값을 찍어보면 data에 들어있는 필드이름이랑 비교해서 cy값이 정상적인지 확인해봐야 할듯한데용...

jhshose commented 3 years ago

ajax통신으로 서버에서 받아오는 데이터는 정상으로 찍힙니다. date : "2020-10-21", datetime : "08:44", time : "567" 이런 식으로요...

그리고 data : data 이부분은 차트 안에있는 소스라 디버깅 불가입니다 ㅠ

cy값은 라이브러리 속성이라 스크립트에서 어떻게 처리해야할지 모르겠군요..

changhoLee12345 commented 3 years ago

어디 console.log(data)를 찍어보면 볼수 있지 않을까?? 거기서 cy값이 제대로 나오면 왜 여기서는 정상적인 값이 찍히지 않을까 ..??

jhshose commented 3 years ago

console.log(data) => DB에서 받아온 3개만 찍힙니다. datetime, date, time

changhoLee12345 commented 3 years ago

그 값이 찍히면 안되는데...실제 데이터 갯수만큼 값을 콘솔로그에 찍어줘야 하는데.. 그것부터 정확하게 확인부탁...

jhshose commented 3 years ago

캡처3

차트그리는 스크립트에서 콘솔 찍은 결과입니다.

changhoLee12345 commented 3 years ago

chart('#result', {axis: [], brush: [], widget: [], }); axis:이 값에는 세가지 종류가 있는데.. x: {}, y:{}, data: data 여기 굵게 찍은 data라고 하는 부분이 어디 앞에서 변수로 선언돼서 값을 담는 곳이 있을것 같은데.. 그 값을 한번 찍어줘봐..