---
sourceDocument: 호주 고객 서비스 관리
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ko-KR/customer-service-management

 Release :

    - australia

ft:locale :

    - ko-KR

ft:publication_title :

    - 호주 고객 서비스 관리

ft:clusterId :

    - csm

bundleId :

    - csm

workflow :

    - Customer and Industry


---

# 데이터 시각화 구성요소에 대한 샘플 코드

# 데이터 시각화 구성요소에 대한 샘플 코드 {#ariaid-title1}

* 릴리스 버전: Australia
* 
* 업데이트 날짜 2026년 03월 12일
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 소요 시간: 1분

이벤트가 트리거될 때 작업을 정의하기 위해 샘플 코드가 제공됩니다. 웹 페이지에 구성요소를 포함하기 전에 사용 사례에 대한 샘플 코드를 업데이트합니다.

## 샘플 코드 {#we-data-viz-sample-code__section_qkd_lyn_c2c}

    { 

    'NOW_VIS_WRAPPER#PROPERTY_OVERRIDE' : (e) => { 

    // Dispatched when the visualization overrides its property. For example when the user selects a different group by from the alternative group by selection 

    var {properties} = e.detail.payload; 

    console.log(properties); 

    }, 

    'NOW_VIS_WRAPPER#SELECTED' : (e) => { 

    // Dispatched when the user selects/de-selects element on data visualizations, typically to filter other content on the page 

    var {title, type, isSelected, params, data} = e.detail.payload; 

    console.log(title, type, isSelected, params, data); 

    }, 

    'NOW_VIS_WRAPPER#CLICKED' : (e) => { 

    // Dispatched when the visualization is clicked 

    var {title, type, params, data} = e.detail.payload; 

    console.log(title, type, params, data); 

    }

**관련 태스크**   

* [데이터 시각화 구성요소 인스턴스 구성](https://servicenow-prod.fluidtopics.net/g~DJHtkrL9XNYHqgZmp2jg "사용자가 웹 사이트에 임베드하여 테이블에서 직접 ServiceNow 단일 점수, 원형 차트, 도넛형 차트 또는 반원 도넛형 차트 형태로 정보를 표시할 수 있도록 데이터 시각화 구성요소 인스턴스를 구성합니다.")
* [외부 공급업체 웹 사이트에 데이터 시각화 구성요소 인스턴스 포함](https://servicenow-prod.fluidtopics.net/MaIGSjR~4TcnKECzsseaUA "고객이 외부 공급업체 웹 사이트에서 데이터 시각화 구성요소 인스턴스를 사용할 수 있도록 구성한 데이터 시각화 구성요소 인스턴스의 전역 코드 및 구성요소 코드를 포함합니다.")  
**관련 참조**   

* [데이터 시각화를 위한 구성요소 속성](https://servicenow-prod.fluidtopics.net/P35Iq~pEbJUax413kXaGNA "구성요소 속성을 사용하면 외부 공급업체 웹 사이트에서 데이터 시각화 구성요소 인스턴스의 동작을 구성할 수 있습니다.")
* [데이터 시각화 구성요소의 이벤트 핸들러](https://servicenow-prod.fluidtopics.net/pYthfXLBMzh2DGhydOnwrQ "구성요소는 특정 조건이 충족되거나 사용자 상호작용이 있을 때 이벤트를 트리거합니다. 이벤트를 사용하여 외부 공급업체 웹 페이지의 코드를 통해 작업을 실행할 수 있습니다.")