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

[FlexChart] 드릴 다운이 포함된 원형 차트를 구현하는 법 > 지식 쉐어링

본문 바로가기

개발꿀팁 [FlexChart] 드릴 다운이 포함된 원형 차트를 구현하는 법

페이지 정보

작성자 GCK다이애나 작성일 2022-11-17 09:30 조회 353회 댓글 0건

본문

드릴 다운이 포함된 차트를 구현하는 시나리오는 다음과 같습니다.

  1. 차트 초기 로드 시 범주별로 그룹화 된 데이터를 표시합니다.
  2. 특정 그룹을 나타내는 차트 슬라이스 클릭 시 그룹을 구성하는 개별 데이터들을 이용하여 차트 재구성합니다.

드릴 다운이 포함된 원형 차트를 구현하시려는 경우 시나리오에 따라 아래와 같은 방법으로 구현하시면 됩니다. 

  1. CollectionView 클래스의 groupDescriptions 속성을 이용하여 데이터를 그룹화 합니다.
  2. 그룹화 된 데이터를 이용하여 FlexPie 컨트롤을 생성합니다.
  3. selectionChanged 이벤트를 이용하여 currentItem 속성의 그룹화 된 데이터를 FlexPie 컨트롤에 바인딩 합니다.
    이때, currentItem 속성 값은 selectedIndex 속성 값이 null 이 아닌 FlexPie 컨트롤의 속성 값입니다.

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

샘플은 '세로 막대 형(드릴 다운 포함)' 데모를 참고하여 만들어졌습니다. 


- 세로 막대 형(드릴 다운 포함) 데모

- FlexChart 그룹화 & 드릴 다운 도움말 문서

- groupDescriptions API 문서

- selectionChanged API 문서


이와 관련된 데모 및 API 문서도 같이 공유 드리오니 참고 부탁 드립니다.

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

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기

인기글

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