차트에서 데이터 선택 관리
그리드, 값 표시 또는 기타 차트 유형과 같은 위젯을 사용하여 차트 시각화의 특정 데이터 요소를 강조 표시하기 위해 선택을 사용할 수 있습니다.
이 SelectionMode 속성을 사용하면 사용자가 차트에서 데이터 요소를 선택할 수 있는 방법을 제어할 수 있습니다. 다음 옵션 목록에서 선택할 수 있습니다.
• 기본값
• 단일
• 여러
 |
차트에서 직접 항목을 선택할 때 확대/축소를 사용하지 않으려면 선택 모드를 단일 또는 여러로 설정합니다.
|
기본 선택 모드
선택은 확대/축소에 사용됩니다. 차트에서 두 개의 데이터 요소를 선택하여 특정 데이터 범위를 보다 자세히 검사할 수 있습니다.
단일 선택 모드
한 번에 하나의 데이터 요소를 선택합니다. 단일 선택 모드가 활성 상태이면 직접 선택 또는 마우스 클릭을 사용하여 확대/축소를 사용할 수 없습니다.
여러 선택 모드
마우스 왼쪽 버튼을 클릭하거나 스페이스바 키를 눌러 여러 데이터 요소를 선택합니다. 여러 선택 모드에서 차트에 표시되는 모든 데이터 요소를 선택하려면 모두 선택을 클릭합니다. 하나 이상의 요소를 선택한 경우 모두 지우기 레이블을 클릭하여 선택을 지울 수 있습니다.
선택한 데이터를 다른 위젯 또는 데이터 서비스에 전달
차트의 데이터 선택을 다른 위젯, 데이터 서비스 또는 함수로 전달하려면 다음 속성 중 하나를 사용합니다.
• SelectedData - 속성 패널의 차트 위젯에 대한 인포테이블 속성입니다.
• SelectedRows - 데이터 패널의 데이터 서비스에 대한 인포테이블 속성입니다.
| | 두 속성 모두에는 아웃 바인딩이 있으므로 이러한 속성을 사용하여 차트에서 데이터를 미리 선택할 수 없습니다. |
차트 선택 작업을 수행할 때 SelectedData 인포테이블을 사용하여 선택한 각 데이터 요소를 전달할 수 있습니다. 데이터 서비스의 SelectedRows 속성을 사용하여 데이터 서비스 인포테이블 내에서 선택한 행을 읽어들입니다. 이 속성은 데이터 소스의 원래 형식을 유지합니다. 그러나 데이터 요소를 선택하면 요소가 속한 해당 행이 선택됩니다. 차트에서 선택한 데이터 요소에 대한 특정 값을 전달하려면 SelectedData 인포테이블 속성을 사용합니다. 각 선택은 선택한 데이터 요소에 대한 추가 세부 내용을 표시하는 행입니다.
SelectedData 속성의 인포테이블은 다음 데이터 셰이프를 사용하여 형식이 지정됩니다.
필드 이름 | 설명 |
|---|---|
x | 문자열 형식의 X축 값 |
y | 문자열 형식의 Y축 값 |
xType | X축의 기본 유형 |
yType | Y축의 기본 유형 |
xAxisField | 데이터 인포테이블에 있는 X축 값의 필드 이름 |
dataField | 데이터 인포테이블에 있는 Y축 값의 필드 이름 |
dataLabel | 범례에서 선택한 데이터 요소의 레이블 |
다음 그림에서는 여러 항목이 선택된 가로 막대형 차트를 보여줍니다. 차트의 SelectedData 속성은 그리드로 바인딩되고 X축의 각 카테고리에서 두 개의 막대가 선택됩니다.
SelectedData 인포테이블은 그리드 위젯을 사용하여 표시됩니다. 각 선택이 개별적으로 나열되고 선택한 열과 관련된 데이터만 표시됩니다. 인포테이블 콘텐츠를 사용하여 정보를 데이터 서비스, 함수 또는 위젯에 전달할 수 있습니다.
다음 그림에서는 두 개의 데이터 열이 선택된 이전 차트를 보여줍니다.
SelectedRows 데이터 서비스 속성은 그리드 위젯의 Data 속성에 바인딩됩니다. 차트 열을 선택하면 인포테이블 데이터 소스에서 해당 행이 선택됩니다. 이 예에서 각 행은 4개의 서로 다른 팀에 대한 측정이 있는 월입니다. 각 팀은 별도의 데이터 계열로 표시됩니다. 선택한 행을 데이터 서비스나 위젯에 전달할 수 있습니다. 한 계열의 특정 값을 전달하려면 SelectedData 속성을 사용합니다.
차트 이벤트 작업
모든 차트 위젯은 사용자가 차트에서 항목을 선택할 때 이벤트를 트리거합니다. 이벤트를 사용하여 인포테이블에서 선택한 행이나 데이터 요소를 전달할 수 있습니다. 엔티티, 함수 또는 다른 위젯 내에서 서비스를 트리거하는 다음 이벤트를 바인딩합니다.
• SelectedRowChanged - 데이터 속성 패널의 데이터 서비스 이벤트입니다. 이 이벤트는 사용자가 가로 막대나 세로 막대를 클릭하고 선택한 인포테이블 행이 변경될 때 트리거됩니다.
• SeriesClicked - 속성 패널의 위젯 이벤트입니다. 차트의 데이터 계열을 클릭하면 이벤트가 트리거됩니다.
데이터 선택 비활성화
파레토 및 워터폴 차트 위젯에서 특정 가로 막대나 세로 막대에 대한 데이터 선택을 비활성화할 수 있습니다. 이러한 차트 중 하나에서 데이터를 비활성화하려면 다음 단계를 수행합니다.
1. Composer에서 차트 데이터 서비스를 구성합니다.
◦ 차트 데이터 셰이프 엔티티에 selectable 필드 이름을 추가합니다.
◦ 데이터 셰이프의 필드 이름을 차트 데이터 서비스에 추가합니다.
◦ 열에 대한 데이터를 포함하도록 데이터 서비스를 편집합니다.
2. Mashup Builder에서 파레토 또는 워터폴 차트를 선택한 다음 속성 패널을 엽니다.
3. NonSelectableData 속성의 확인란을 선택합니다.
4. 저장을 클릭한 다음 매쉬업을 봅니다.
Selectable 인포테이블 열 아래의 True 또는 False 값은 실행 시간에 데이터 행을 선택할 수 있는지 여부를 결정하는 데 사용됩니다.