! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

line chart 에서 markerContent에서의 버그 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

VueJS line chart 에서 markerContent에서의 버그

페이지 정보

작성자 최현종 작성일 2023-05-03 15:00 조회 613회 댓글 3건
제품 버전 : vue2.all -5.20221-857-rc
컨트롤 이름 : marker

본문

안녕하세요

wijmo를 사용하던 중, 뜻하지 않은 버그를 만나 글을 작성합니다.


제가 궁극적으로 하려던 바는

line chart에서 mouseover 시, markerContents를 생성하는데

싱크가 잘맞도록 하고 싶습니다.


상황을 말씀드리면

내부망 내에 작업 하던것이라 여기서는 간단하게 설명 드리겠습니다.

예를들어 linechart에서 wijmo line marker에서 content 에 메소드를 부여하고

<div>{stdDate}</div> 

이런식으로 markerContents를 생성시

분명 5월1일자에 마우스를 대고 있으면 4월20일자로 고정된다던가,

몇번 움직이다 보면 차트에

 x축: (5월1일) y축 : 4월20일자에 데이터 부분(가장 높은곳) 에 대고있을시에

marker contents는 4월20일자를 나타내고 있습니다.


해당 사항 비슷하게 걸리신분이나 해결하신 분 계시면 알려주시면 감사하겠습니다. 


바빠서 두서없이 쓴 점 죄송합니다.





  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

GCK루시님의 댓글

GCK루시 작성일

안녕하세요 그레이프시티입니다.

해당 이슈가 저희 쪽에서 재현이 되어 본사 개발팀에 리포팅한 상태입니다. 관련하여 업데이트 되는 대로 안내드리도록 하겠습니다.

감사합니다.
그레이프시티 드림

최현종님의 댓글의 댓글

최현종 작성일

네 확인해주셔서 감사합니다
업데이트 되는 대로 댓글 달리면 확인해보겠습니다
감사합니다.

최현종님의 댓글의 댓글

최현종 작성일

아직 안고쳐진 사항인가요?
대략 기간을 알고싶습니다.

3 답변

VueJS Re: line chart 에서 markerContent에서의 버그

추천0 이 글을 추천하셨습니다 비추천0

페이지 정보

작성자 GCK루시 작성일 2023-05-12 14:01 댓글 4건

본문

안녕하세요 그레이프시티입니다.


문의하신 내용의 경우, 본사 개발팀에서 정확한 원인 파악 및 해결을 위해 조사 중입니다. 다만 아래 workaround 방법이 담긴 샘플을 공유드리며 샘플에서는 x 좌표 값은 반올림된 다음 line marker가 텍스트 내용으로 표시할 적절한 항목을 찾도록 구현했습니다.



불편을 드려 죄송드리며 추가 업데이트가 있는대로 안내드리도록 하겠습니다.


감사합니다.

그레이프시티 드림

댓글목록

최현종님의 댓글

최현종 작성일

라인과 막대 믹스 차트같은경우는 이 방식으로는 안되서
빨리 bug fix 가 되면 좋겟습니다 ㅎ

GCK루시님의 댓글의 댓글

GCK루시 작성일

안녕하세요 그레이프시티입니다.

해당 문의의 경우, 본사 쪽에 재확인 요청한 사항입니다. 다만 문의량이 증가하여 순서대로 처리하고 있으며 답변이 지연된 점 죄송합니다.

더불어 해당 문의의 경우, 버그가 아닌 기능 개선사항으로 확인되고 있으며 관련하여 업데이트가 되는대로 답변드리도록 하겠습니다.

감사합니다.
그레이프시티 드림

최현종님의 댓글의 댓글

최현종 작성일

한달이 지나가는 시점에서 재확인 요청을 한다는게 납득 한다는 것이 힘들기는 하네요 ㅎㅎ
되도록 빠르게 수정되었음 하는 바람입니다.
수고하세요

GCK루시님의 댓글의 댓글

GCK루시 작성일

안녕하세요 그레이프시티입니다.

말씀드린 '재확인 요청' 이라는 부분은 지금 다시 확인을 요청한 것이 아닌 개발 팀에서 이전부터 확인하고 있었으나 문의량 증가 및 기능 향상이 쉽지 않은 사항이며 아직 해결되지 않아 다시 한 번 요청을 드렸다는 의미로 안내드린 거였습니다.

오해가 있는 표현을 사용하여 죄송합니다.

감사합니다.
그레이프시티 드림

VueJS Re: line chart 에서 markerContent에서의 버그

추천0 이 글을 추천하셨습니다 비추천0

페이지 정보

작성자 GCK루시 작성일 2023-06-26 16:54 댓글 6건

본문

안녕하세요 그레이프시티입니다.


현재 본사 개발팀에서 해당 이슈에 대하여 확인 중에 있으나, 이슈가 쉽게 재현되지 않아 시일이 더 소요될 것으로 예상됩니다. 회신이 지연되는 점 죄송합니다.

 

이와 별개로 저희 측에서 작성한 믹스된 차트 유형에서 marker가 원활하게 동작하는 샘플을 전달드립니다.


 


현재 개발 중이신 프로그램에 샘플과 같은 방법을 적용하신 후에도 동일한 이슈가 재현된다면, 문제가 발생하는 코드와 샘플을 비교하여, 저희 측에서 재현 가능한 샘플을 회신 주시면 감사드리겠습니다.


다시 한 번 오랜 기간 기달려주셔서 죄송드리고 감사합니다.


감사합니다.

그레이프시티 드림


 

댓글목록

최현종님의 댓글

최현종 작성일

빨리 업데이트가 되길 바랍니다.. T _ T

최현종님의 댓글

최현종 작성일

https://codesandbox.io/s/wijmo-line-chart-with-marker-updated-forked-nmzthg?file=/src/components/HelloWorld.vue

이렇게 진행해봤습니다
vue webpack에서 직접 테스트 하는게 좋아보이긴 하지만 라인차트 마커 잘나오다가 오른쪽 끝쪽에서 binding 되던 애들이 undefined 된다고 나옵니다 확인한번 부탁드려요

--------- 이부분은 패스 해주셔두 될거 같습니다 -------------------
제가 한번 해볼깨요

최현종님의 댓글

최현종 작성일

제가 한 테스트는 이렇습니다
x축이 0~ 50 까지 있으나
데이터는 37개의 배열로 존재
그래서 알려주신 방법으로는 x축이 37 이후로는 못찾는 버그가 존재 라는건데 이거는 한번 제가 만들어볼깨요

GCK루시님의 댓글의 댓글

GCK루시 작성일

안녕하세요 그레이프시티입니다.

해당 내용 확인 후, 공유해주시면 본사 개발팀에 리포팅하도록 하겠습니다.
적극적인 공유 감사드립니다.

감사합니다.
그레이프시티 드림

최현종님의 댓글의 댓글

최현종 작성일

https://codesandbox.io/s/wijmo-line-chart-with-marker-updated-forked-nmzthg?file=/src/components/data.js

이거 확인해주시면 좋을거 같아요

GCK루시님의 댓글의 댓글

GCK루시 작성일

안녕하세요 그레이프시티입니다.

문의하신 이슈 확인되어 공유해주신 샘플을 본사 개발팀에 리포팅 처리하겠습니다.
디테일한 내용 공유 다시 한 번 감사드립니다.

감사합니다.
그레이프시티 드림

VueJS Re: line chart 에서 markerContent에서의 버그

추천0 이 글을 추천하셨습니다 비추천0 채택채택

페이지 정보

작성자 GCK루시 작성일 2023-08-01 11:22 댓글 0건

본문

안녕하세요 그레이프시티입니다.


문의 답변이 지연되어 죄송합니다.


먼저 hitTestInfo 객체의 기본 동작은 특정 차트의 점에 대해 가장 가까운 데이터 항목을 계산할 때 x 및 y 좌표를 모두 고려합니다.


다만 고객님의 커스터마이징한 샘플의 경우, 데이터 항목을 계산할 때 x 좌표만을 고려해야 하는 상황입니다. 이를 해결하기 위해서 x축 값에 기반하여 예상 항목을 반환하는 사용자 정의 함수를 이용하시면 됩니다. 


아래 workaround가 담긴 샘플을 공유드리며 이전에 발생한  "Cannot read properties of undefined (reading 'at1')" 오류에 대해 모든 포인트에서 데이터 항목을 반환하는 방식으로 해결하였으며 이 점 참고 부탁드립니다. 



추가로 문의주셨던 사항은 현재 지속적으로 확인 중에 있으며 업데이트 되는대로 안내드리도록 하겠습니다. 


오랜 기간 기다려주신 점 감사합니다.


다른 궁금한 점이 생기면 문의주시기 바랍니다.


감사합니다.

그레이프시티 드림


댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.