개발꿀팁 Wijmo FlexPie의 데이터 라벨이 겹칠 때 처리하는 방법
추천0 비추천 0
페이지 정보
작성자 GCK루시 작성일 2022-10-04 18:06 조회 441회 댓글 0건본문
관련링크
Wijmo FlexPie의 slice가 많아 데이터 라벨이 겹치는 경우, 이를 해결하기 위해서 데이터 라벨이 렌더링되기 전에 발생하는 rendering 이벤트를 사용하시면 됩니다. 해당 이벤트 내에서 이전 데이터 라벨의 포인트와 현재 데이터 라벨의 포인트를 체크한 뒤, 데이터 라벨이 겹치면 데이터 라벨의 x축과 y축의 위치를 재설정해주시면 됩니다.
자세한 코드는 아래 샘플을 참고하여 주시기 바랍니다.
샘플에서는 레이블을 데이터 포인트와 선으로 연결할지 결정하는 connectingLine 속성을 true로 설정하여 레이블과 포인트가 선으로 연결되도록 구현했습니다.
* 다만 샘플의 경우, 하나의 workaround로 너무 많은 데이터 레이블/슬라이스를 설정하는 경우, 텍스트가 겹칠 수 있기 때문에 데이터 레이블/슬라이스의 수는 제한적으로 설정해주셔야 합니다.
API 문서도 같이 공유드리오니 참고 부탁드립니다.
댓글목록
등록된 댓글이 없습니다.