Metric charts in the visualization editor
출처: 문서
본문
시각화 편집기의 메트릭 차트
메트릭 차트는 하나의 숫자 값을 눈에 띄게 표시해요. 메트릭 차트를 사용하여 핵심 성과 지표(KPI)나 요약 통계를 보여줄 수 있어요.
메트릭 차트 만들기
다음 예제는 기본 메트릭 시각화를 보여줘요. 시작하기 전에 사전 준비 사항을 완료하세요.
기본 메트릭 차트
숫자 필드를 반환하는 쿼리로 시작하세요:
source = opensearch_dashboards_sample_data_flights | FIELDS AvgTicketPrice
{% include copy.html %}
이 쿼리를 실행한 후, 차트 유형으로 Metric을 선택하세요. 편집기는 필드를 다음과 같이 매핑해요.
- Value 필드는
AvgTicketPrice필드를 표시해요(기본적으로 Last 계산을 사용해요).
결과는 다음 이미지와 같이 마지막 티켓 가격 값을 표시하는 하나의 큰 숫자예요.
{: width="100%" }
메트릭 차트 구성하기
구성 패널에서 다음 설정을 구성할 수 있어요.
필드
Fields 섹션에서 데이터 필드를 구성하세요.
| 필드 | 설명 |
|---|---|
| Value | 메트릭 값으로 표시할 숫자 필드를 선택하세요. 필드는 구성된 계산 방법을 사용하여 하나의 숫자로 축소돼요. |
분할
Split by 드롭다운 목록에서 값을 기준으로 차트를 별도 요소로 분할할 필드를 선택하세요. 자세한 내용은 분할을 참조하세요.
메트릭
| 설정 | 설명 |
|---|---|
| Text display | 값과 함께 표시할 텍스트를 제어해요. 지원되는 값: Value only, Name only, Value and Name, None. |
| Color mode | 메트릭에 임계값 색상을 적용하는 방법을 제어해요. 지원되는 값: None(색상 없음), Value(값 텍스트 색상), Background gradient(그라데이션 배경 적용), Background solid(단색 배경 적용). |
| Show percentage | 활성화하면 값을 최대값의 백분율로 표시해요. |
| Use threshold colors | 활성화하면 현재 값을 기반으로 메트릭에 임계값 색상을 적용해요. |
값 옵션
| 설정 | 설명 |
|---|---|
| Calculation | 여러 데이터 포인트를 하나의 값으로 축소하는 방법을 결정해요. 지원되는 값: Last *, Last, First *, First, Min, Max, Median, Variance, Distinct count, Count, Total. 자세한 내용은 값 계산을 참조하세요. |
임계값
임계값 구성에 대한 자세한 내용은 임계값을 참조하세요.
표준 옵션
단위, 단위 접미사 및 소수 자릿수 구성에 대한 자세한 내용은 표준 옵션을 참조하세요.
텍스트 크기
| 설정 | 설명 |
|---|---|
| Value size | 표시되는 값의 글꼴 크기를 제어해요. |
| Title size | 메트릭 제목의 글꼴 크기를 제어해요. |
| Percentage size | 백분율 표시의 글꼴 크기를 제어해요(Show percentage가 활성화된 경우). |