기술 대시보드의 데이터 시각화에 드릴다운 이벤트 추가

  • 릴리스 버전: Xanadu
  • 업데이트 날짜 2024년 08월 01일
  • 읽기4분
  • 기술 대시보드는 데이터 시각화에서 드릴다운하기 위해 미리 구성된 대상을 지원하지 않습니다. 뷰어가 시각화와 상호 작용할 때 데이터에 대한 보다 자세한 뷰를 열도록 하려면 사용자 지정 드릴다운 이벤트를 구성합니다.

    시작하기 전에

    이 절차에서는 이미 기술 대시보드를 생성하고 데이터 시각화 구성요소로 채웠다고 가정합니다.

    필요한 역할: ui_builder_admin, 기술 대시보드를 편집할 수 있는 권한

    프로시저

    1. 다음으로 이동 모두 > 플랫폼 분석 > 라이브러리 > 대시보드.
    2. 원하는 기술 대시보드를 찾아 엽니다.
    3. UI 빌더에서 편집을 선택합니다.
    4. 에서 UI 빌더대시보드에서 원하는 데이터 시각화를 선택합니다.
    5. 데이터 시각화를 위한 구성 패널에서 이벤트 탭을 엽니다.
    6. + 이벤트 매핑 추가를 선택합니다.
      Select an event 대화상자가 열립니다.
      데이터 시각화에서 이벤트 선택 대화 상자.
    7. 시각화 클릭됨 이벤트를 선택합니다.
      사용 가능한 이벤트 처리기 목록이 있는 대화 상자가 열립니다.
    8. 고급 대시보드 - 리디렉션 이벤트 핸들러를 선택합니다.
      이 이벤트 핸들러에 대한 구성 필드가 나타납니다.
      고급 대시보드 구성을 위한 대화 상자 - 리디렉션 이벤트 핸들러입니다.
    9. 다음과 같이 이벤트 핸들러를 구성합니다.
      필드 설명
      컨텍스트 대상 페이지가 있는 경험의 경로입니다.
      경로 대상 페이지의 경로 이름입니다.
      경로 필드 대상 페이지의 필수 매개변수입니다.
      선택적 매개변수 대상 페이지에 대한 선택적 매개변수입니다.
    10. 추가를 선택합니다.

    테이블 데이터 소스에 대한 드릴다운

    인시던트 [incident] 테이블의 기록 수를 보여주는 단일 점수 데이터 시각화가 있습니다. 뷰어가 이 시각화와 상호작용할 때 경험에서 플랫폼 분석 인시던트 기록 목록을 열려고 합니다.

    1. 일반 절차의 1-8단계를 수행하므로 이제 단일 점수 시각화를 위한 고급 대시보드 - 리디렉션 이벤트 핸들러에 대한 구성이 열립니다.
    2. 컨텍스트 필드에서 편집을 선택합니다.
      컨텍스트 필드의 편집 통제.
    3. 편집 대화 상자에서 객체 JSON 유형을 선택합니다.
      컨텍스트에 대한 객체 JSON 유형을 선택합니다.
    4. 속성 추가를 선택하고 속성 이름으로 path를 입력하고 속성 값으로 now/platform-analytics-workspace를 입력합니다. 이러한 값은 뷰어가 경험으로 플랫폼 분석 드릴다운하도록 지정합니다.
      컨텍스트의 값을 설정합니다.
    5. 적용을 선택하고 다음 필드로 이동합니다.
    6. 경로 필드에 simplelist를 입력합니다. 이 경로는 플랫폼 분석 환경의 단순 목록 페이지로 연결됩니다.
    7. 경로 필드의 경우 먼저 데이터 바인딩을 선택합니다. 데이터 바인딩을 선택합니다. 그런 다음 {table: @payload.params.table} 속성을 필드에 추가합니다. 이 속성은 시각화의 테이블 이름을 경험의 플랫폼 분석 simplelist 페이지에 전달합니다.
      팁:
      먼저 자동 완성을 사용하여 데이터 매개 변수 @payload.params.table을 추가한 다음 해당 매개 변수를 중괄호로 묶고 table:을 추가합니다.
    8. 마찬가지로 선택적 매개 변수 필드에 대한 데이터를 바인딩하도록 선택하고 {query: @payload.params.query, listTitle: @payload.title} 값을 설정합니다.
    이제 고급 대시보드 - 리디렉션 이벤트 핸들러의 속성이 다음과 같이 표시됩니다.
    필드
    컨텍스트 {"경로":"now/platform-analytics-workspace"}
    경로 simplelist
    경로 필드 {table:@payload.params.table}
    선택적 매개변수 {query:@payload.params.query, listTitle:@payload.title}
    추가를 선택하여 이벤트 매핑에 핸들러를 추가하고 마지막으로 페이지를 저장합니다UI 빌더.
    고급 대시보드의 완료된 매개변수 - 이벤트 핸들러를 리디렉션하여 테이블 기록 목록을 엽니다.
    런타임에서 사용자는 시각화와 상호작용하여 인시던트 기록 목록을 열 수 있습니다.
    기술 대시보드에서 단일 점수 시각화를 클릭하여 인시던트 기록 목록을 엽니다.

    표시기 데이터 소스에 대한 드릴다운

    표시기 오픈 인시던트 수에 대한 라인 데이터 시각화가 있습니다. 뷰어가 이 시각화와 상호 작용할 때 해당 표시기에 KPI 세부 정보 대한 페이지를 열려고 합니다.

    1. 테이블 데이터 원본 예제의 1-5단계를 반복하는데, 이 경우에도 환경의 페이지로 플랫폼 분석 드릴다운하기 때문입니다.
    2. 경로(Route)에 ac_kpi_details를 입력합니다.
    3. 경로 필드의 경우 먼저 데이터 바인딩을 선택합니다. 데이터를 바인딩하도록 선택합니다. 그런 다음 {uuid: @payload.params.indicatorSysid}를 입력합니다. 이 매개변수는 표시기의 ID(이 경우 오픈 인시던트 수)를 플랫폼 분석 경험 KPI 세부 정보 페이지에 전달합니다.
      팁:
      먼저 자동 완성을 사용하여 데이터 매개변수 @payload.params.indicatorSysid를 추가한 다음 해당 매개변수를 중괄호로 묶고 uuid:를 추가합니다.
      이제 고급 대시보드 - 리디렉션 이벤트 핸들러의 속성이 다음과 같이 표시됩니다.
      필드
      컨텍스트 {"경로":"now/platform-analytics-workspace"}
      경로 ac_kpi_details
      경로 필드 {uuid:@payload.params.indicatorSysid}
    4. 다른 매개 변수는 필요하지 않으므로 Add(추가 )를 선택한 다음 Save the page(페이지를 저장)를 UI 빌더 선택합니다.
    런타임에서 뷰어는 시각화와 상호작용하여 미해결 인시던트 수 표시기에 대한 KPI 세부 정보를 열 수 있습니다.
    기술 대시보드에서 선 시각화를 클릭하여 KPI 세부 정보를 엽니다.