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

[FlexChart] LineSymbol 차트 datalabel x 축 기준 Position Left, Right 지정 방법 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

PureJS [FlexChart] LineSymbol 차트 datalabel x 축 기준 Position Left, Right 지정 방법

페이지 정보

작성자 비와이씨 작성일 2022-12-01 17:56 조회 982회 댓글 0건
제품 버전 : 최신

본문

안녕하세요! 현재 LineSymbol 차트 사용중입니다.


아래와 같이 2020 년도 좌표 해당하는 Datalabel 위치를 Left Position 으로 지정할 수 있을까요?


현재 DataLabel Position : Outside 로 일괄 적용 되어서 아래와 같이 나옵니다.


감사합니다!

[As-Is]

537862af62f8413cb5d5102b108eee39_1669884895_2293.PNG


[To-Be]


 

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

댓글목록

등록된 댓글이 없습니다.

1 답변

PureJS Re: [FlexChart] LineSymbol 차트 datalabel x 축 기준 Position Left, Right 지정…

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

페이지 정보

작성자 GCK다이애나 작성일 2022-12-02 10:54 댓글 0건

본문

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


문의 주신 라인 차트의 데이터 라벨 위치를 변경하는 방법 대해 답변 드립니다.

데이터 라벨이 렌더링되기 전에 발생하는 rendering 이벤트와 데이터의 x축 값을 나타내는 pointIndex 속성을 이용하여 위치를 변경 할 수 있습니다.

rendering 이벤트에 pointIndex 속성을 통해 현재 데이터 라벨이 위치한 x축의 값을 불러와 해당 값을 기준으로 데이터 라벨의 x축과 y축의 위치를 재 설정하는 코드를 구현하시면 됩니다.

자세한 코드는 아래의 샘플을 참고해 보시기 바랍니다.


- rendering API 문서

- HitTestInfo API 문서

- pointIndex API 문서


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


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

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