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

Wijmo FlexPie의 데이터 라벨이 겹칠 때 처리하는 방법 > 지식 쉐어링

본문 바로가기

개발꿀팁 Wijmo FlexPie의 데이터 라벨이 겹칠 때 처리하는 방법

페이지 정보

작성자 GCK루시 작성일 2022-10-04 18:06 조회 441회 댓글 0건

본문

Wijmo FlexPie의 slice가 많아 데이터 라벨이 겹치는 경우, 이를 해결하기 위해서 데이터 라벨이 렌더링되기 전에 발생하는 rendering 이벤트를 사용하시면 됩니다. 해당 이벤트 내에서 이전 데이터 라벨의 포인트와 현재 데이터 라벨의 포인트를 체크한 뒤, 데이터 라벨이 겹치면 데이터 라벨의 x축과 y축의 위치를 재설정해주시면 됩니다.


자세한 코드는 아래 샘플을 참고하여 주시기 바랍니다. 


샘플에서는 레이블을 데이터 포인트와 선으로 연결할지 결정하는 connectingLine 속성을 true로 설정하여 레이블과 포인트가 선으로 연결되도록 구현했습니다.



* 다만 샘플의 경우, 하나의 workaround로 너무 많은 데이터 레이블/슬라이스를 설정하는 경우, 텍스트가 겹칠 수 있기 때문에 데이터 레이블/슬라이스의 수는 제한적으로 설정해주셔야 합니다.


rendering

- connectingLine


API 문서도 같이 공유드리오니 참고 부탁드립니다.

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

댓글목록

등록된 댓글이 없습니다.

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