다음을 통해 공유


타일 시각화

타일은 통합 문서에 요약 데이터를 표시하는 데 유용한 방법입니다. 다음 예는 세부 그리드 위에 앱 수준 요약이 있는 타일의 일반적인 사용 사례를 보여 줍니다.

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

통합 문서 타일은 제목, 부제, 큰 텍스트, 아이콘, 메트릭 기반 그라데이션, 스파크 라인 또는 막대, 바닥글과 같은 항목 표시를 지원합니다.

타일 추가

  1. 편집 도구 모음 단추를 선택하여 통합 문서를 편집 모드로 전환합니다.

  2. 추가>쿼리 추가를 선택하여 통합 문서에 로그 쿼리 컨트롤을 추가합니다.

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

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

    requests
    | summarize Requests = count() by appName, name
    | top 7 by Requests desc
    
  5. 크기전체로 설정합니다.

  6. 시각화타일로 설정합니다.

  7. 타일 설정 단추를 선택하여 타일 설정 창을 엽니다.

    1. 제목에서 다음을 설정합니다.
      • 다음 열 사용: name
    2. 왼쪽에서 다음을 설정합니다.
      • 다음 열 사용: Requests
      • 열 렌더러: Big Number
      • 색상표: Green to Red
      • 최소값: 0
    3. 아래쪽에서 다음을 설정합니다.
      • 다음 열 사용: appName
  8. 창 맨 아래에 있는 저장 및 닫기 단추를 선택합니다.

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

읽기 모드의 타일:

읽기 모드에서 타일 요약 보기를 보여 주는 스크린샷

타일의 Spark 선

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

  2. TimeRange라는 시간 범위 매개 변수를 추가합니다.

    1. 추가>매개 변수 추가를 선택합니다.
    2. 매개 변수 컨트롤에서 매개 변수 추가를 선택합니다.
    3. 매개 변수 이름 필드에 TimeRange를 입력합니다. 매개 변수 형식으로 Time range picker를 선택합니다.
    4. 창 맨 위에서 저장을 선택한 다음 매개 변수 컨트롤에서 편집 완료를 선택합니다.
  3. 추가>쿼리 추가를 선택하여 매개 변수 컨트롤 아래에 로그 쿼리 컨트롤을 추가합니다.

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

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

    let topRequests = requests
    | summarize Requests = count() by appName, name
    | top 7 by Requests desc;
    let topRequestNames = topRequests | project name;
    requests
    | where name in (topRequestNames)
    | make-series Trend = count() default = 0 on timestamp from {TimeRange:start} to {TimeRange:end} step {TimeRange:grain} by name
    | join (topRequests) on name
    | project-away name1, timestamp
    
  6. 쿼리 실행을 선택합니다. 쿼리를 실행하기 전에 TimeRange를 선택한 값으로 설정합니다.

  7. 시각화타일로 설정합니다.

  8. 크기전체로 설정합니다.

  9. 타일 설정을 선택합니다.

    1. 타일에서 다음을 설정합니다.
      • 다음 열 사용: name
    2. 하위 타일에서 다음을 설정합니다.
      • 다음 열 사용: appNAme
    3. 왼쪽에서 다음을 설정합니다.
      • 열 사용:Requests
      • 열 렌더러: Big Number
      • 색상표: Green to Red
      • 최소값: 0
    4. 아래쪽에서 다음을 설정합니다.
      • 열 사용:Trend
      • 열 렌더러: Spark line
      • 색상표: Green to Red
      • 최소값: 0
  10. 페이지 맨 아래에서 저장 및 닫기를 선택합니다.

스파크 라인이 있는 타일 시각화를 보여 주는 스크린샷

타일 크기

타일 설정에서 타일 너비를 설정하는 옵션이 있습니다.

  • fixed (기본값)

    타일의 기본 동작은 약 160픽셀인 동일한 고정 너비에 타일 주위 공간을 더한 것입니다.

    고정 너비 타일을 보여 주는 스크린샷

  • auto

    각 제목은 내용에 맞게 축소되거나 커집니다. 타일은 타일 보기의 너비로 제한됩니다(가로 스크롤 없음).

    자동 너비 타일을 보여 주는 스크린샷

  • full size

    각 제목은 항상 타일 보기의 전체 너비이며 한 줄에 하나의 제목이 있습니다.

    최대 크기 타일을 보여 주는 스크린샷

다음 단계