다음을 통해 공유


그래프 시각화

Azure 통합 문서 그래프 시각화는 모니터링 엔터티 간의 관계를 표시하기 위해 로그 데이터를 기반으로 임의의 그래프를 시각화하도록 지원합니다.

다음 그래프는 다양한 포트를 통해 컴퓨터에서 외부 컴퓨터로 들어오고 나가는 데이터를 보여 줍니다. 컴퓨터와 포트, 외부 IP 등 유형별로 색이 지정됩니다. 에지 크기는 그 사이에 흐르는 데이터의 양에 해당합니다. 기본 데이터는 VM 연결을 대상으로 하는 KQL 쿼리에서 제공됩니다.

타일 요약 보기를 보여 주는 스크린샷

그래프 추가

  1. 편집을 선택하여 통합 문서를 편집 모드로 전환합니다.

  2. 쿼리 추가 링크를 사용하여 통합 문서에 로그 쿼리 컨트롤을 추가합니다.

  3. 쿼리 유형로그로 선택합니다. 리소스 종류를 선택하고(예: Application Insights) 대상 리소스를 선택합니다.

  4. 쿼리 편집기를 사용하여 분석을 위한 KQL을 입력합니다.

    let data = dependencies
    | summarize Calls = count() by App = appName, Request = operation_Name, Dependency = name
    | extend RequestId = strcat(App, '::', Request);
    let links = data
    | summarize Calls = sum(Calls) by App, RequestId
    | project SourceId = App, TargetId = RequestId, Calls, Kind = 'App -> Request'
    | union (data
        | project SourceId = RequestId, TargetId = Dependency, Calls, Kind = 'Request -> Dependency');
    let nodes = data
    | summarize Calls = sum(Calls) by App
    | project Id = App, Name = App, Calls, Kind = 'App'
    | union (data
        | summarize Calls = sum(Calls) by RequestId, Request
        | project Id = RequestId, Name = Request, Calls, Kind = 'Request')
    | union (data
        | summarize Calls = sum(Calls) by Dependency
        | project Id = Dependency, Name = Dependency, Calls, Kind = 'Dependency');
    nodes
    | union (links)
    
  5. 시각화그래프로 설정합니다.

  6. 그래프 설정을 선택하여 그래프 설정 창을 엽니다.

  7. 위쪽의 노드 형식 설정에서 다음을 설정합니다.

    • 내용을 위로
      • 다음 열 사용: Name
      • 열 렌더러: Text
    • 가운데 콘텐츠
      • 다음 열 사용: Calls
      • 열 렌더러: Big Number
      • 색상표: None
    • 내용을 아래로
      • 다음 열 사용: Kind
      • 열 렌더러: Text
  8. 아래쪽의 레이아웃 설정에서 다음을 설정합니다.

    • 노드 ID: Id
    • 원본 ID: SourceId
    • 대상 ID: TargetId
    • 에지 레이블: None
    • 에지 크기: Calls
    • 노드 크기: None
    • 색 지정 유형: Categorical
    • 노드 색 필드: Kind
    • 색상표: Pastel
  9. 페이지 맨 아래에서 저장 및 닫기를 선택합니다.

이전 쿼리 및 설정이 포함된 타일 요약 보기를 보여 주는 스크린샷

그래프 설정

설정 설명
Node ID 그래프에 표시되는 노드의 고유 ID를 제공하는 열을 선택합니다. 열 값은 문자열 또는 숫자가 될 수 있습니다.
Source ID 그래프에 표시되는 에지의 원본 노드 ID를 제공하는 열을 선택합니다. 값은 Node Id 열의 값에 매핑되어야 합니다.
Target ID 그래프에 표시되는 에지의 대상 노드 ID를 제공하는 열을 선택합니다. 값은 Node Id 열의 값에 매핑되어야 합니다.
Edge Label 그래프에 표시되는 에지 레이블을 제공하는 열을 선택합니다.
Edge Size 에지 너비의 기준이 되는 메트릭을 제공하는 열을 선택합니다.
Node Size 노드 영역의 기반이 되는 메트릭을 제공하는 열을 선택합니다.
Coloring Type 노드 색 지정 구성표를 선택하는 데 사용됩니다.

노드 색 지정 유형

색 지정 유형 설명
None 모든 노드는 같은 색입니다.
Categorical 노드에는 결과 집합의 열에 있는 값 또는 범주를 기반으로 색이 할당됩니다. 이전 예제에서 색 지정은 결과 집합의 Kind 열을 기준으로 합니다. 지원되는 색상표는 Default, PastelCool tone입니다.
Field Based 이 유형에서 열은 노드에 사용할 특정 RGB 값을 제공합니다. 가장 뛰어난 유연성을 제공하지만 일반적으로 사용하려면 더 많은 작업이 필요합니다.

노드 형식 설정

노드의 각 부분(위쪽, 왼쪽, 가운데, 오른쪽, 아래쪽)에 배치되는 콘텐츠를 지정할 수 있습니다. 그래프는 텍스트, 큰 숫자, 스파크 선 및 아이콘과 같은 렌더러의 통합 문서 지원을 사용할 수 있습니다.

필드 기반 노드 색 지정

  1. 편집을 선택하여 통합 문서를 편집 모드로 전환합니다.

  2. 쿼리 추가 링크를 사용하여 통합 문서에 로그 쿼리 컨트롤을 추가합니다.

  3. 쿼리 유형로그로 선택합니다. 리소스 종류를 선택하고(예: Application Insights) 대상 리소스를 선택합니다.

  4. 쿼리 편집기를 사용하여 분석을 위한 KQL을 입력합니다.

    let data = dependencies
    | summarize Calls = count() by App = appName, Request = operation_Name, Dependency = name
    | extend RequestId = strcat(App, '::', Request);
    let links = data
    | summarize Calls = sum(Calls) by App, RequestId
    | project SourceId = App, TargetId = RequestId, Calls, Kind = 'App -> Request'
    | union (data
        | project SourceId = RequestId, TargetId = Dependency, Calls, Kind = 'Request -> Dependency');
    let nodes = data
    | summarize Calls = sum(Calls) by App
    | project Id = App, Name = App, Calls, Color = 'FD7F23'
    | union (data
        | summarize Calls = sum(Calls) by RequestId, Request
        | project Id = RequestId, Name = Request, Calls, Color = 'B3DE8E')
    | union (data
        | summarize Calls = sum(Calls) by Dependency
        | project Id = Dependency, Name = Dependency, Calls, Color = 'C9B3D5');
    nodes
    | union (links)
    
  5. 시각화Graph로 설정합니다.

  6. 그래프 설정을 선택하여 그래프 설정 창을 엽니다.

  7. 위쪽의 노드 형식 설정에서 다음을 설정합니다.

    • 내용을 위로:
      • 다음 열 사용: Name
      • 열 렌더러: Text
    • 가운데 콘텐츠:
      • 다음 열 사용: Calls
      • 열 렌더러: Big Number
      • 색상표: None
    • 내용을 아래로:
      • 다음 열 사용: Kind
      • 열 렌더러: Text
  8. 아래쪽의 레이아웃 설정에서 다음을 설정합니다.

    • 노드 ID:Id
    • 원본 ID: SourceId
    • 대상 ID: TargetId
    • 에지 레이블: None
    • 에지 크기: Calls
    • 노드 크기: Node
    • 색 지정 유형: Field Based
    • 노드 색 필드: Color
  9. 페이지 맨 아래에서 저장 및 닫기를 선택합니다.

필드 기준 노드 색 지정을 사용하여 그래프 시각화 만들기를 보여 주는 스크린샷

다음 단계

  • 그래프는 복합 막대 렌더러도 지원합니다. 자세한 내용은 복합 막대 렌더러를 참조하세요.
  • 통합 문서에서 사용할 수 있는 데이터 원본에 대해 자세히 알아봅니다.