Thresholds in the visualization editor

출처: 문서

본문

시각화 편집기의 임계값

임계값(threshold)은 데이터 포인트가 도달하거나 초과했을 때 색상에 시각적 변화를 일으키는 경계값이에요. 임계값을 사용해 의미 있는 범위를 정의하면 값이 정상, 경고, 위험 영역 중 어디에 속하는지 바로 알 수 있어요.

각 임계값은 하나의 값 범위를 정의해요. 기본 임계값은 첫 번째 임계값보다 낮은 모든 값에 적용되고, 추가하는 각 임계값은 설정된 값부터 시작해 다음 임계값이 시작되기 전까지 적용돼요. 예를 들어 기본 색상이 초록색이고 50 임계값은 노란색, 80 임계값은 빨간색이라면, 50보다 낮은 값은 초록색, 50 이상 80 미만인 값은 노란색, 80 이상인 값은 빨간색으로 표시돼요.

지원되는 차트 유형

임계값은 다음 차트 유형에서 사용할 수 있어요:

• 영역 차트
• 막대 차트
• 막대 게이지 차트
• 게이지 차트
• 히트맵
• 히스토그램
• 선 차트
• 메트릭 차트
• 스캐터 플롯
• 상태 타임라인
• 테이블

임계값 구성하기

임계값을 추가하려면 구성 패널에서 Thresholds 섹션을 연 다음 + Add threshold를 선택하세요. 각 임계값마다 다음 설정을 구성하세요.

설정	설명
Color	이 임계값 범위에 속하는 값에 적용할 색상을 선택하세요. 사전 설정된 색상이나 사용자 지정 색상을 선택할 수 있어요.
Value	이 임계값이 시작되는 숫자 경계를 입력하세요. 이 숫자와 같거나 큰 값(그리고 다음 임계값보다 낮은 값)이 이 색상으로 표시돼요.

OpenSearch Dashboards는 임계값을 값 기준으로 자동 정렬해요. 기본 임계값은 항상 존재하며, 다른 임계값보다 낮은 모든 값의 시작 색상을 나타내요. 기본 색상은 변경할 수 있지만, 기본 임계값은 삭제하거나 값을 지정할 수 없어요. 다른 임계값을 삭제하려면 옆에 있는 휴지통 아이콘을 선택하세요.

차트 유형별 임계값 효과

임계값은 차트 유형에 따라 서로 다르게 적용돼요. 어떤 시각화는 임계값을 사용해 차트 마크에 색을 입히고, 어떤 시각화는 임계값을 기준선으로 사용하며, 또 어떤 시각화는 Use threshold colors나 Cell style 같은 차트별 추가 설정을 필요로 해요. 다음 표는 각 차트 유형에서 임계값이 적용되는 방식을 설명해요.

차트 유형	임계값 효과	추가 설정
게이지	임계값 범위에 따라 게이지 호(arc)에 색을 입혀요. Use threshold colors가 켜져 있으면 표시되는 값도 일치하는 임계값 색상을 사용해요.	Use threshold colors를 켜세요.
막대 게이지	임계값 범위에 따라 막대 게이지에 색을 입혀요. 시각적인 결과는 그라디언트, 스택, 기본 같은 선택한 표시 스타일에 따라서도 달라져요.	없음.
메트릭	메트릭 값과 선택한 색상 모드에 따라 메트릭 값 또는 배경에 색을 입혀요.	Color mode를 설정한 다음 Use threshold colors를 켜세요.
선 및 영역	임계값을 가로 기준선으로 표시해요. 선이나 영역 마크 자체의 색은 바뀌지 않아요.	Threshold lines mode를 Solid lines, Dashed lines, 또는 Dotted lines로 설정하세요.
막대 및 히스토그램	임계값 색상이 켜져 있으면 값 범위에 따라 막대에 색을 입혀요. 임계값 기준선을 표시할 수도 있어요.	막대에 색을 입히려면 Use threshold colors를 켜세요. 기준선을 표시하려면 Threshold lines mode를 설정하세요.
히트맵	선택한 색상 스키마를 대체하면서 값 범위에 따라 셀에 색을 입혀요.	Use threshold colors를 켜세요.
스캐터	임계값 색상이 켜져 있으면 값 범위에 따라 점에 색을 입혀요. 임계값 기준선을 표시할 수도 있어요.	점에 색을 입히려면 Use threshold colors를 켜세요. 기준선을 표시하려면 Threshold lines mode를 설정하세요.
상태 타임라인	값 매핑 색상을 대체하면서 값 범위에 따라 상태 영역에 색을 입혀요.	Use threshold color를 켜세요.
테이블	값 범위에 따라 테이블의 숫자 셀에 색을 입혀요.	Cell style에서 숫자 필드를 선택한 다음 Colored Text 또는 Colored Background를 선택하세요.

상태 타임라인 차트에는 값의 연결을 끊거나 시간 임계값을 기준으로 null 값을 연결하기 위한 설정도 포함되어 있어요. 이 설정들은 타임라인의 간격을 제어할 뿐, 이 페이지에서 설명하는 색상 임계값에는 영향을 주지 않아요. {: .note}

임계값 예제

다음 예제에서는 OpenSearch Dashboards 샘플 데이터를 사용해 지원되는 각 차트 유형에 임계값을 적용하는 방법을 보여 줘요.

게이지 차트

게이지 차트에서는 임계값이 호에 직접 색을 입혀요. Standard options 아래의 Min 및 Max 컨트롤이 스케일 범위를 정의하고, 임계값이 그 스케일을 색상 구간으로 나눠요. 게이지 차트에 임계값을 적용하려면 다음 단계를 따라 하세요:

1. opensearch_dashboards_sample_data_logs 데이터셋을 선택해요.

2. 다음 쿼리를 입력하고 Update를 선택해요:

   | stats avg(bytes) by span(`@timestamp`, 5m)
   

   {% include copy.html %}

3. 시각화 유형으로 Gauge를 선택해요.

4. Gauge 섹션에서 Use threshold colors를 켜요.

5. Thresholds 섹션을 열고 + Add threshold를 선택해요.

6. 기본 색을 초록색으로 설정하고 6000, 8000, 10000에 임계값을 추가해요.

다음 이미지에서 볼 수 있듯이, 호는 각 범위마다 임계값 색을 사용하고 표시되는 값은 그에 맞는 임계값 색을 사용해요.

{: width="100%" }

바 게이지 차트

바 게이지 차트에서는 임계값이 각 바의 색상 범위를 정의해요. 결과는 선택한 표시 스타일에 따라 달라져요:

• Gradient는 임계값 색이 부드럽게 전환되는 모습을 보여 줘요.
• Stack은 바를 뚜렷하게 구분되는 임계값 구간으로 나눠요.
• Basic은 값이 속한 임계값 범위를 사용해 바에 색을 입혀요.

바 게이지 차트에 임계값을 적용하려면 다음 단계를 따라 하세요:

1. opensearch_dashboards_sample_data_logs 데이터셋을 선택해요.

2. 다음 쿼리를 입력하고 Update를 선택해요:

   | stats avg(bytes) by span(`@timestamp`, 5m), extension
   

   {% include copy.html %}

3. 시각화 유형으로 Bar Gauge를 선택해요.

4. Fields 섹션에서 X-Axis를 extension으로, Y-Axis를 AVG(bytes)로 설정해요.

5. Thresholds 섹션에서 3000, 5000, 8000에 임계값을 설정해요.

6. Bar Gauge 섹션에서 Display style을 선택해요.

다음 이미지에서 볼 수 있듯이, 각 바는 자신의 값이 속한 임계값 범위에 따라 색이 입혀져요.

{: width="100%" }

메트릭 차트

메트릭 차트에서는 임계값이 선택한 Color mode에 따라 표시되는 값 또는 그 배경에 색을 입혀요. 메트릭 차트에 임계값을 적용하려면 다음 단계를 따라 하세요:

1. opensearch_dashboards_sample_data_logs 데이터셋을 선택해요.

2. 다음 쿼리를 입력하고 Update를 선택해요:

   | stats avg(bytes) by span(`@timestamp`, 5m), extension
   

   {% include copy.html %}

3. 시각화 유형으로 Metric을 선택해요.

4. Metric 섹션에서 Color mode를 Background gradient로 설정하고 Use threshold colors를 켜요.

5. Thresholds 섹션에서 4000, 6000, 8000에 임계값을 설정해요.

다음 이미지에서 볼 수 있듯이, 각 메트릭의 배경은 메트릭 값이 속한 임계값 범위의 색을 사용해요.

{: width="100%" }

선 차트와 영역 차트

선 차트와 영역 차트에서는 임계값이 차트를 가로지르는 가로 참조선으로 표시돼요. 선 또는 영역 마크 자체의 색은 바뀌지 않아요. 선 또는 영역 차트에 임계값 선을 추가하려면 다음 단계를 따라 하세요:

1. opensearch_dashboards_sample_data_logs 데이터셋을 선택해요.

2. 다음 쿼리를 입력하고 Update를 선택해요:

   | stats avg(bytes) by span(`@timestamp`, 5m)
   

   {% include copy.html %}

3. 시각화 유형으로 Line을 선택해요.

4. Thresholds 섹션을 열고 + Add threshold를 선택해요.

5. 5000과 8000에 임계값을 설정해요.

6. Threshold lines mode를 Dashed lines로 설정해요.

다음 이미지에서 볼 수 있듯이, 각 임계값 위치에 파선 가로선이 나타나요.

{: width="100%" }

Threshold lines mode 설정으로 선 모양을 조절할 수 있어요:

• Off: 임계값 선을 표시하지 않아요.
• Solid lines: 각 임계값 위치에 실선 가로선을 그려요.
• Dashed lines: 각 임계값 위치에 파선 가로선을 그려요.
• Dotted lines: 각 임계값 위치에 점선 가로선을 그려요.

바 차트와 히스토그램 차트

바 차트와 히스토그램 차트에서는 임계값을 사용해 각 바의 값에 따라 바에 색을 입힐 수 있어요. 이 차트 유형은 임계값 참조선도 표시할 수 있어요. 바 차트에 임계값 색을 적용하려면 다음 단계를 따라 하세요:

1. opensearch_dashboards_sample_data_logs 데이터셋을 선택해요.

2. 다음 쿼리를 입력하고 Update를 선택해요:

   | stats avg(bytes) by extension
   

   {% include copy.html %}

3. 시각화 유형으로 Bar를 선택해요.

4. Fields 섹션에서 X-Axis를 extension으로, Y-Axis를 AVG(bytes)로 설정해요.

5. Bar 섹션에서 Use threshold colors를 켜요.

6. Thresholds 섹션에서 2000, 4000, 6000에 임계값을 설정해요.

7. Threshold lines mode를 Off로 설정해요.

다음 이미지에서 볼 수 있듯이, 각 바는 자신의 값이 속한 임계값 범위에 따라 색이 입혀져요.

{: width="100%" }

히트맵

히트맵에서는 임계값이 값 범위에 따라 셀에 색을 입히며, 선택한 색 스키마를 덮어써요. 히트맵에 임계값을 적용하려면 다음 단계를 따라 하세요:

1. opensearch_dashboards_sample_data_logs 데이터셋을 선택해요.

2. 다음 쿼리를 입력하고 Update를 선택해요:

   | stats avg(bytes) by extension, `machine.os`
   

   {% include copy.html %}

3. 시각화 유형으로 Heatmap을 선택해요.

4. Fields 섹션에서 X-Axis를 extension으로, Y-Axis를 machine.os로, Value를 AVG(bytes)로 설정해요.

5. Heatmap 섹션에서 Use threshold colors를 켜요.

6. Thresholds 섹션에서 4000, 6000, 8000에 임계값을 설정해요.

다음 이미지에서 볼 수 있듯이, 각 셀은 자신의 값이 속한 임계값 범위에 따라 색이 입혀져요.

{: width="100%" }

산점도

산점도에서는 임계값을 사용해 각 점의 값에 따라 점에 색을 입힐 수 있어요. 산점도는 임계값 참조선도 표시할 수 있어요. 산점도에 임계값을 적용하려면 다음 단계를 따라 하세요:

1. opensearch_dashboards_sample_data_flights 데이터셋을 선택하고 Update를 선택해요.
2. 시각화 유형으로 Scatter를 선택해요.
3. Fields 섹션에서 X-Axis를 DistanceMiles로, Y-Axis를 AvgTicketPrice로 설정해요.
4. Thresholds 섹션을 열고 + Add threshold를 선택해요.
5. 400, 600, 800에 임계값을 설정해요.

다음 이미지에서 볼 수 있듯이, 각 점은 자신의 티켓 가격이 속한 임계값 범위에 따라 색이 입혀져요.

{: width="100%" }

상태 타임라인

상태 타임라인에서는 임계값이 숫자 값 범위에 따라 상태 영역에 색을 입혀요. 색이 개별 값이 아니라 성공, 경고, 오류 응답 코드처럼 하나의 범위를 나타낼 때 임계값을 사용하세요. 상태 타임라인에 임계값을 적용하려면 다음 단계를 따라 하세요:

1. opensearch_dashboards_sample_data_logs 데이터셋을 선택해요.

2. 다음 쿼리를 입력하고 Update를 선택해요:

   | FIELDS @timestamp, response
   

   {% include copy.html %}

3. 시각화 유형으로 State Timeline을 선택해요.

4. Fields 섹션에서 X-Axis를 @timestamp로, Color를 response로 설정해요. response 필드는 숫자이기 때문에 OpenSearch Dashboards가 이 필드를 임계값 범위로 나눌 수 있어요.

5. Thresholds 섹션에서는 기본 색을 초록색으로 두고 400과 500에 임계값을 설정해요.

6. State Timeline 섹션에서 Use threshold color를 켜요. 임계값 색이 적용된 영역만 표시하려면 Show display text는 꺼 두면 돼요.

다음 이미지에서 볼 수 있듯이, 타임라인 영역은 0 이상 400 미만, 400 이상 500 미만, 500 이상인 응답 코드 범위에 따라 색이 입혀져요.

{: width="100%" }

테이블

테이블에서는 임계값이 숫자 셀에 색을 입혀요. 테이블에 임계값을 적용하려면 다음 단계를 따라 하세요:

1. opensearch_dashboards_sample_data_flights 데이터셋을 선택해요.

2. 다음 쿼리를 입력하고 Update를 선택해요:

   | FIELDS AvgTicketPrice, Carrier, Dest, Origin
   

   {% include copy.html %}

3. 시각화 유형으로 Table을 선택해요.

4. Table 섹션에서 Cell style을 AvgTicketPrice로 설정하고 Colored Background를 선택해요.

5. Threshold 섹션에서 400, 600, 1000에 임계값을 설정해요.

다음 이미지에서 볼 수 있듯이, 각 AvgTicketPrice 셀의 배경은 자신의 값이 속한 임계값 범위에 따라 색이 입혀져요.

{: width="100%" }

더 알아보기 (Learn more)

• 원문 전체: https://docs.opensearch.org/latest/dashboards/visualize/visualization-editor/configuring-visualizations/thresholds/