Pie charts in the visualization editor
출처: 문서
본문
시각화 편집기에서 파이 차트
파이 차트는 데이터를 원의 비례적인 조각으로 표시해요. 파이 차트를 사용하여 부분-전체 관계를 보여줘요.
파이 차트 만들기
다음 예제들은 기본 차트에서 시작하여 사용자 정의를 추가하며 서로를 기반으로 해요. 시작하기 전에 사전 요구 사항을 완료하세요.
기본 파이 차트
카테고리별로 이벤트를 집계하는 집계 쿼리로 시작해요:
source = opensearch_dashboards_sample_data_flights | stats count() by Carrier
{% include copy.html %}
이 쿼리를 실행하면 시각화 편집기가 자동으로 필드를 매핑해요:
- 크기는
count()필드를 표시해요. - 색상은
Carrier필드를 표시해요.
기본 렌더링은 도넛 차트예요. 각 항공사는 이벤트 수에 비례하는 색상 조각으로 나타나요. 다음 이미지와 같아요.
{: width="100%" }
파이 차트 사용자 정의
파이 설정 패널을 열고 다음 옵션을 구성하세요:
- 표시 형식을 도넛에서 파이로 변경하여 중앙 구멍 없이 완전한 원으로 렌더링해요.
- 값 표시를 활성화하여 각 조각에 개수를 표시해요.
- 레이블 표시를 활성화하여 각 조각 옆에 항공사 이름을 표시해요.
- 긴 레이블 텍스트의 경우 다음 이후 자르기를
300으로 설정해요. 다음 이미지와 같아요.
{: width="400" }
결과는 각 조각에 카테고리 레이블과 숫자 값이 모두 표시된 완전한 파이 차트예요. 다음 이미지와 같아요.
{: width="100%" }
파이 차트 구성
구성 패널에서 다음 설정을 구성할 수 있어요.
필드
필드 섹션에서 데이터 필드를 구성해요.
| 필드 | 설명 |
|---|---|
| 크기 | 각 조각의 크기를 결정하는 숫자 필드를 선택해요. 예를 들어, count()는 각 조각을 해당 카테고리의 이벤트 수에 비례하게 만들어요. |
| 색상 | 데이터를 개별 조각으로 분할하는 범주형 필드를 선택해요. 각 조각은 다른 색상으로 렌더링돼요. 예를 들어, Carrier 필드를 사용하여 각 항공사에 대한 조각을 표시해요. |
분할
분할 기준 드롭다운 목록에서 값을 기준으로 차트를 별도의 요소로 분할할 필드를 선택해요. 자세한 내용은 분할을 참조하세요.
파이
다음 표는 파이 차트 설정을 설명해요.
| 설정 | 설명 |
|---|---|
| 표시 형식 | 차트를 전체 파이로 렌더링할지 도넛(링) 모양으로 렌더링할지 제어해요. 기본값은 도넛이에요. |
| 값 표시 | 활성화하면 차트의 각 조각에 숫자 값을 표시해요. |
| 레이블 표시 | 활성화하면 차트의 각 조각에 카테고리 레이블을 표시해요. |
| 다음 이후 자르기 | 자르기 전 레이블의 최대 너비(픽셀)를 설정해요. 레이블 표시가 활성화된 경우에만 표시돼요. |
표준 옵션
단위, 단위 접미사 및 소수 자릿수 구성에 대한 자세한 내용은 표준 옵션을 참조하세요.
범례
범례는 차트에 사용된 시각적 색상 인코딩을 요약해요.
| 설정 | 설명 |
|---|---|
| 범례 표시 | 범례를 표시하거나 숨겨요. |
| 위치 | 차트를 기준으로 범례가 나타나는 위치를 제어해요. 지원되는 값: 왼쪽, 오른쪽, 위쪽, 아래쪽. |
툴팁
툴팁 표시 선택기를 전환하여 툴팁을 활성화하거나 비활성화하세요.