개발꿀팁 [FlexChart] 드릴 다운이 포함된 원형 차트를 구현하는 법
추천0 비추천 0
페이지 정보
작성자 GCK다이애나 작성일 2022-11-17 09:30 조회 353회 댓글 0건본문
관련링크
드릴 다운이 포함된 차트를 구현하는 시나리오는 다음과 같습니다.
- 차트 초기 로드 시 범주별로 그룹화 된 데이터를 표시합니다.
- 특정 그룹을 나타내는 차트 슬라이스 클릭 시 그룹을 구성하는 개별 데이터들을 이용하여 차트 재구성합니다.
드릴 다운이 포함된 원형 차트를 구현하시려는 경우 시나리오에 따라 아래와 같은 방법으로 구현하시면 됩니다.
- CollectionView 클래스의 groupDescriptions 속성을 이용하여 데이터를 그룹화 합니다.
- 그룹화 된 데이터를 이용하여 FlexPie 컨트롤을 생성합니다.
- selectionChanged 이벤트를 이용하여 currentItem 속성의 그룹화 된 데이터를 FlexPie 컨트롤에 바인딩 합니다.
이때, currentItem 속성 값은 selectedIndex 속성 값이 null 이 아닌 FlexPie 컨트롤의 속성 값입니다.
자세한 코드는 아래의 샘플을 참고해 보시기 바랍니다.
샘플은 '세로 막대 형(드릴 다운 포함)' 데모를 참고하여 만들어졌습니다.
- FlexChart 그룹화 & 드릴 다운 도움말 문서
이와 관련된 데모 및 API 문서도 같이 공유 드리오니 참고 부탁 드립니다.
댓글목록
등록된 댓글이 없습니다.