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

차트 데이터 레이블 위치 세부 조정 문의 > Q&A | 토론

본문 바로가기

PureJS 차트 데이터 레이블 위치 세부 조정 문의

페이지 정보

작성자 Rawyh 작성일 2023-11-16 15:54 조회 144회 댓글 0건
제품 버전 : Wijmo Library 5.20231.904
컨트롤 이름 : Wijmo Chart

본문

안녕하세요 위즈모를 이용 중인 사용자 입니다.


사용하고 있는 차트 중에 막대 1개 라인 3개를 동시에 보여주는 다중 그래프가 하나 있는데요

데이터 레이블 표시할 때 갯수가 적은 부분끼리는 글자가 겹쳐버려 잘 보이지 않는 현상이 있습니다.



데이터 레이블의 위치를 TOP, BOTTOM 같은 속성값 부여 말고 좀 더 미세하게 조정하거나

그래프 별로 따로 지정할 수 있는 방법이 있을까요?



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

댓글목록

등록된 댓글이 없습니다.

1 답변

PureJS Re: 차트 데이터 레이블 위치 세부 조정 문의

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

페이지 정보

작성자 MESCIUS루시 작성일 2023-11-17 14:38 댓글 0건

본문

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


문의하신 기능이 경우, 데이터 라벨의 rendering 이벤트에서 제공되는 point 속성을 사용하여 원하는 지점으로 x, y 값을 업데이트하여 데이터 라벨을 렌더링할 수 있습니다.

다만, 자바스크립트에서는 2개의 데이터 라벨이 겹치는 부분을 직접적으로 확인할 수 있는 방법이 없으므로 값의 차이를 계산하여 차이가 임계값(중복되지 않는 최소값)보다 작은 경우에 데이터 라벨의 y 좌표를 증가시켜 라벨의 위치를 이동시켜주면 됩니다.


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



- rendering API 문서 

- Point API 문서


관련 API 문서를 공유드리며 다른 궁금한 점이 생기면 문의주시기 바랍니다.


감사합니다.

메시어스 드림

댓글목록

등록된 댓글이 없습니다.

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