일반적으로 PivotGrid 셀을 더블 클릭 시 detail dialog가 나타나며 해당 셀의 상세 정보 레코드를 그리드로 보여집니다. 관련하여 기본적인 그리드 외에 detail dialog에 차트를 추가하는 방법에 대해 설명하도록 하겠습니다.

먼저 detail dialog가 나타날 때 발생하는 showing 이벤트 내에서 FlexGrid에 접근하여 데이터를 가져옵니다. 그 다음 detail dialog DOM 요소에 차트가 없다면 차트 인스턴스를 생성 후 데이터를 바인딩해줍니다. 만일 차트 요소가 DOM에 이미 포함되어 있다면 차트의 데이터만 변경하는 방식으로 구현하실 수 있습니다.

자세한 코드는 아래 샘플에서 확인하시기 바랍니다. 샘플에서는 PivotGrid 셀을 더블 클릭 시, detail dialog에 그리드와 차트가 표시되고 있으며 detail dialog를 마우스로 드래그하여 크기 조절을 할 수 있습니다. 

- showing

- sourceCollection