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

line chart 에서 확대 축소 시 marker error현상 > Q&A | 토론

본문 바로가기
로그인

로그인후 이용해주세요

아직 회원이 아니신가요?

회원가입
로그인
MESCIUS 카카오톡 채널 추가
메시어스 +
카카오톡 채널 추가를 통해 MESCIUS의 최신 정보, 이벤트, 세미나 정보를 빠르게 받아 보실수 있습니다
홈 링크 페이스북 링크 유튜브 링크

Wijmo

Q&A | 토론

VueJS line chart 에서 확대 축소 시 marker error현상

페이지 정보

작성자 최현종
프로필 보기 쪽지 보내기
작성일 2023-07-10 16:50 조회 313회 댓글 4건
제품 버전 : vue2.all -5.20221-857-rc

본문

안녕하세요

현재 wijmo vue로 개발중인 사람입니다.

wijmo에서 버그인지 확인이 필요하여 요청 합니다.


line chart에서 마우스 over 시 marker를 표시하는데

해당 상태에서 마우스를 움직이면서 확대 및 축소(특히 축소)를 하면은

marker가 왼쪽에서 고정되면서 style error 가 나타나고 있습니다

해당 error는 wijmo 내부 에러로 보이며 내부망에서 작업인지라 샘플 소스가 따로없습니다


정확하게는 lineMarker 함수를 이용하였으며 _show 에서의 style 에러가 나타나고 있습니다


확인 해주시면 감사합니다.


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

댓글목록

GCK루시님의 댓글

GCK루시
프로필 보기 쪽지 보내기
작성일

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

문의하신 내용이 재현이 되어 확인 중에 있습니다. 관련하여 추가 확인 후 회신드리도록 하겠습니다.

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

최현종님의 댓글의 댓글

최현종
프로필 보기 쪽지 보내기
작성일

네 확인 감사합니다.
추가적으로 확인해봤는데
lineMarker 를 이용하여 point 를 구하는데 몇번 축소를 하면은 차트의 왼쪽 맨위 부분을 짚는것까지는 확인했습니다. 이거를 pointToData 처리를 할시에 x값이 음수로 넘어가게 되어 marker가 안찍히는것으로 보입니다.

GCK루시님의 댓글의 댓글

GCK루시
프로필 보기 쪽지 보내기
작성일

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

추가 내용 공유 감사드립니다. 더불어 "marker가 안찍히는것으로 보입니다."라고 말씀해주셨는데 해당 내용이 아래 이미지와 같이 marker의 "정확한 위치"가 안 찍힌다는 말씀이 맞으실까요? 아니면 marker와 함께 있는 툴팁이 나타나지 않는다는 말씀이실까요? 


정확한 답변을 드리기 위해 확인 요청 드리오니 확인 후, 회신 부탁드리겠습니다.

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

최현종님의 댓글의 댓글

최현종
프로필 보기 쪽지 보내기
작성일

차트 중간에 마우스 over 상태였지만 차트의 맨 왼쪽의 x축을 나타난 상태... 
해당 상태에서 itemSource 의 배열에 대한 index를 x 축(Math.round 이용) 하면 -1로 나타나여 marker가 확인되지 않는 상태 였습니다.
이부분은 제가 수정하면 되겠지만 화면 축소 상태에서 mouse over 한 위치 값이 달라지는 부분만 확인해주시면 될 것 같습니다.

감사합니다.

3 답변

VueJS Re: line chart 에서 확대 축소 시 marker error현상

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

페이지 정보

작성자 GCK루시
프로필 보기 쪽지 보내기
작성일 2023-07-13 16:18 댓글 4건

본문

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


유선으로 안내드린 것과 같이 아래 기본 샘플을 공유드리오니 확인 후, 재현 가능한 샘플을 저희 쪽으로 회신주신다면 재현 및 디버깅 후, 안내드릴 수 있도록 하겠습니다.



+) 위 샘플에서 아래 이미지와 같이 open sandbox 클릭하여 샘플 페이지로 이동 후


708b602174b8adecba85a0dc5071a247_1689232842_9004.png
 

fork 버튼을 클릭히야 fork 후 샘플을 수정하시면 됩니다.


708b602174b8adecba85a0dc5071a247_1689232910_6642.png
 



감사합니다.

그레이프시티 드림

댓글목록

최현종님의 댓글

최현종
프로필 보기 쪽지 보내기
작성일

https://codesandbox.io/s/wijmo-scroll-wtih-linemarker-with-zoom-test-forked-ksjvjg?file=/src/App.vue

위에 예시 url입니다.
제가 잘못쓴거일수도 있으나 한번 확인 부탁드립니다.

감사합니다.

GCK루시님의 댓글의 댓글

GCK루시
프로필 보기 쪽지 보내기
작성일

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

공유 감사드리며 본사 개발팀과 확인 및 업데이트되는대로 안내드리도록 하겠습니다.

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

GCK루시님의 댓글의 댓글

GCK루시
프로필 보기 쪽지 보내기
작성일

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

현재 이슈와 관련하여 다음 핫픽스 버전에서 업데이트 될 예정입니다. 다만 릴리즈 날짜 및 계획이 변동될 가능성이 있어 확정되는 대로 안내드릴 수 있도록 하겠습니다.

오랜 기간 기다려주신 점 감사합니다.
그레이프시티 드림

최현종님의 댓글의 댓글

최현종
프로필 보기 쪽지 보내기
작성일

네 안녕하세요
핫픽스 버전에서 개선사항으로는 안써있지만
사용해봤는데 뭔가... 기존 소스가 이상해진 부분이 생겨서요
원래라면 마우스 오버시, 잘 먹히던 marker contents 들이...
마우스 오버를 하면 왼쪽 구석에 멈춰져있는(?) 상태가 되어버리네요

그래서 아직 픽스가 안된건가 싶어서 다시 한번 더 연락드립니다.

VueJS Re: line chart 에서 확대 축소 시 marker error현상

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

페이지 정보

작성자 GCK루시
프로필 보기 쪽지 보내기
작성일 2023-07-18 16:34 댓글 0건

본문

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


문의하신 이슈에 대해 현재 본사 개발팀 쪽에서 계속 확인 중에 있습니다.


현재로서는 먼저 '_updateMarkerPosition' 메서드를 재정의하여 올바른 위치에 마커를 표시할 수 있도록 하는 workaround를 제공드리오니 참고 부탁드립니다.


 


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


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

VueJS Re: line chart 에서 확대 축소 시 marker error현상

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

페이지 정보

작성자 MESCIUS루시
프로필 보기 쪽지 보내기
작성일 2024-01-22 14:27 댓글 0건

본문

안녕하세요 메시어스입니다.


오랜 기간 기다려주신 점 정말 감사드립니다.


2023 v2가 출시되었으며 이전에 문의하셨던 LineMarker zoom in/out 할 때, 마커의 위치가 왼쪽으로 이동하던 현상이 픽스 및 업데이트되었습니다. 관련하여 아래 샘플 공유 및 2023 v2 새로운 기능 글을 공유드리오니 참고하시길 바랍니다.



- Wijmo 2023 v2 출시


다시 한 번 업데이트 및 답변 기다려주신 점 감사합니다.


감사합니다.

메시어스 드림


댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기

카테고리

인기글

더보기

최신글

더보기

셀럽

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