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

레이어 팝업에서의 LineMarker interaction 오작동 관련 문의 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

VueJS 레이어 팝업에서의 LineMarker interaction 오작동 관련 문의

페이지 정보

작성자 조석환 작성일 2023-01-16 16:49 조회 1,014회 댓글 0건
제품 버전 : 2022 v1

본문

첨부파일

안녕하세요, Wijmo로 차트 구성중에 문제가 발생하여 문의드립니다.

Flex Chart 사용 중에 별다른 문제는 없지만, 아래 조건이 맞을시, 오작동을 확인했습니다.


1. 레이어 팝업(모달) 위에 차트가 들어갈 경우

2. 레이어 팝업(모달)을 스크롤 하는 경우


위의 경우, 차트에 마우스를 오버하여도 MouseEnter/MouseLeave 이벤트만 작동할 뿐,

interaction 옵션을 통한 Move 인자가 동작하지 않는 것을 확인할 수 있었습니다.

이는 첨부드린 영상에서도 확인할 수 있습니다.


adbff4c53d10b394faa4020ae82f31d1_1673855225_7193.png
adbff4c53d10b394faa4020ae82f31d1_1673855225_8865.png
 

settingInit 메서드를 통하여 초기 세팅을 완료하였으며, 위처럼 addEventListener로 MouseEnter/MouseLeave 이벤트 설정을 진행했습니다. 


위 코드에서 잘못된 부분이 있는지 , 아니면 보완해야할 내용이 있는지 답변 부탁드립니다.


감사합니다.


=======================

추가)

https://demo.grapecity.co.kr/wijmo/learn-wijmo/Chart/Features/LineMarkers/vue 

위 데모 페이지에서도 동일 증상이 확인되는 걸로 보입니다.

index.html의 body 영역만 아래 내용으로 변경해주시면 증상재현 됩니다.


<body>
    <div class="layer" style="height:200px; overflow-y:scroll">
        <h1> Test </h1>
        <div id="app"></div>
    </div>
</body>
 
  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

3 답변

VueJS Re: 레이어 팝업에서의 LineMarker interaction 오작동 관련 문의

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

페이지 정보

작성자 GCK루시 작성일 2023-01-18 08:48 댓글 3건

본문

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


디테일한 정보 공유 감사드리며 해당 현상이 저희 쪽에서도 재현이 되어 본사 개발팀에 리포트하였습니다. 관련하여 업데이트가 되는 대로 안내 드리도록 하겠습니다. 


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


감사합니다.

그레이프시티 드림

댓글목록

조석환님의 댓글

조석환 작성일

네, 빠른 피드백 부탁드립니다. 감사합니다.

GCK루시님의 댓글의 댓글

GCK루시 작성일

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

해당 이슈의 경우, 버그로 추측되어 본사 개발팀에서 추가 확인 중에 있습니다. 관련하여 회신이 오는대로 안내 드리도록 하겠습니다. 답변이 지연되어 죄송합니다.

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

조석환님의 댓글의 댓글

조석환 작성일

네넵 확인되는대로 부탁드립니다.

VueJS Re: 레이어 팝업에서의 LineMarker interaction 오작동 관련 문의

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

페이지 정보

작성자 GCK루시 작성일 2023-02-03 11:13 댓글 2건

본문

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


먼저 불편을 드려 죄송합니다.


해당 이슈와 관련하여 본사 개발팀에게 재확인 및 workaround 방법 문의 결과, workaround 로 mouseenter/mouseleave 핸들러 수동적으로 추가하는 방법은 추천하였습니다. 아래 간단한 코드 및 샘플을 공유 드리오니 참고 부탁드립니다.


 initializeChart: function(flex) {
                // show the marker when the mouse is over the chart
                flex.addEventListener(flex.hostElement, 'mouseenter', (ev) => {
			let chart = wjCore.Control.getControl(ev.target);
			  if(chart.marker) {
				chart.marker.remove();
			   }
			   chart.marker = new LineMarker( chart, { 
			     lines: LineMarkerLines.Both, interaction: LineMarkerInteraction.Move, content : this.markerContent 
			      } );
                });
                flex.addEventListener(flex.hostElement, 'mouseleave', (ev) => {
			let chart = wjCore.Control.getControl(ev.target);
			if(chart.marker) {
				chart.marker.remove();
				chart.marker = null;
			}
                });
            },


 


개발팀에서 지속적으로 이슈 픽스를 위해 진행 중에 있으며 다음 Wijmo 메인 버전에서 수정 및 반영 할 계획입니다. 다만, 정확한 일정이 아직 정해지지 않아 관련하여 업데이트 되는 대로 안내 드릴 수 있도록 하겠습니다.


다시 한 번 답변 지연 및 불편을 드려 죄송합니다.


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


감사합니다.

그레이프시티 드림

댓글목록

GCK루시님의 댓글의 댓글

GCK루시 작성일

조석환님 안녕하세요 그레이프시티입니다.

유선으로 연결이 되지 않아 포럼으로 안내 드립니다.
해당 이슈의 픽스 및 릴리즈 일정은 4월 중으로 예상되나 QA 혹은 다른 이슈로 인해 변동될 수 있으므로 업무에 유의 부탁 드립니다.
관련하여 지속적으로 본사 개발팀에 확인 중이니 업데이트 사항이 있는대로 안내 드리도록 하겠습니다.
불편을 드려 죄송합니다.

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

VueJS Re: 레이어 팝업에서의 LineMarker interaction 오작동 관련 문의

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

페이지 정보

작성자 GCK루시 작성일 2023-06-20 16:47 댓글 0건

본문

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

Wijmo 2023 V1 새롭게 출시됨에 따라 해당 이슈 픽스 및 업데이트 되어 안내 드립니다.

추가적인 Wijmo의 새로운 기능은 아래 링크를 통해 자세히 알아보실 수 있습니다. 

기다려 주셔서 감사합니다.
다른 궁금한 점이 생기면, 문의 주시기 바랍니다.

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

댓글목록

등록된 댓글이 없습니다.

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