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

FlexChart 범례 아이콘 변경하기 > 지식 쉐어링

본문 바로가기

개발꿀팁 FlexChart 범례 아이콘 변경하기

페이지 정보

작성자 GCK루시 작성일 2022-10-19 10:46 조회 364회 댓글 0건

본문

Wijmo FlexChart의 범례 아이콘을 변경하기 위해서는 DOM을 조작하셔야 합니다. 


차트 렌더링이 끝난 후 발생하는 rendered 이벤트 내에서 "wj-legend" 클래스로 범례 요소에 접근해줍니다. 그 다음 기존 rect을 숨김처리하고 createImage라는 사용자 정의 함수를 통해 image를 생성합니다. 마지막으로 해당 이미지를 범례 요소에 추가 및 x,y 위치 값을 설정하시면 됩니다.


아래 샘플을 공유 드리오니 참고 부탁드립니다.



- rendered

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

댓글목록

등록된 댓글이 없습니다.

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