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

FlexChart 주석 커스터마이징하는 법 > 지식 쉐어링

본문 바로가기

개발꿀팁 FlexChart 주석 커스터마이징하는 법

페이지 정보

작성자 GCK다이애나 작성일 2022-10-14 11:52 조회 402회 댓글 0건

본문

FlexChart 클래스를 이용하여 차트 인스턴스를 생성하게 되면, 호스트 요소 내부에 <svg> 태그가 생성되어 차트가 표시됩니다.

<svg> 태그 내부에 생성된 차트 요소들의 스타일 속성을 지정하여 해당 요소들을 커스터마이징 할 수 있습니다.


주석의 배경색의 경우 annotation 클래스의 AnnotationLayer 컨트롤 생성 시, 스타일 속성 중 fill 속성을 지정하여 색상을 설정하시면 됩니다.

주석에 지정된 요소들의 스타일 속성 지정을 원하시는 경우, 해당 요소의 선택자를 이용하여 스타일 속정을 지정할 수 있습니다.


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

샘플에서는 주석의 content 속성을 통해 생성된 <text> 태그 요소를 선택자로 지정해 스타일 속성을 설정하여 색상 및 위치를 변경하였습니다.

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

댓글목록

등록된 댓글이 없습니다.

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