---
sourceDocument: オーストラリアのカスタマーサービス管理 (CSM)
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/customer-service-management

 Release :

    - australia

ft:locale :

    - ja-JP

ft:publication_title :

    - オーストラリアのカスタマーサービス管理 (CSM)

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分

イベントがトリガーされたときのアクションを定義するためのサンプルコードが用意されています。コンポーネントを Web ページに埋め込む前に、ユースケースのサンプルコードを更新します。

## サンプルコード {#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/mQtlBGGy0d0tNM9mGE1hMA "データビジュアル化コンポーネントインスタンスを構成して、ユーザーが Web サイトに埋め込み、任意の ServiceNow テーブルから単一スコア、円グラフ、ドーナツグラフ、または半ドーナツグラフの形式で情報を直接表示できるようにします。")
* [サードパーティの Web サイトにデータ可視化コンポーネントインスタンスを埋め込む](https://servicenow-prod.fluidtopics.net/HlMtwcNC28hEqZIFAaro1A "顧客がサードパーティの Web サイトでデータ可視化コンポーネントインスタンスの使用を開始できるように、構成したデータ可視化コンポーネントインスタンスのグローバルコードとコンポーネントコードを埋め込みます。")  
**関連資料**   

* [データ可視化のコンポーネントプロパティ](https://servicenow-prod.fluidtopics.net/rITKBtrhwHiuf54fRcrj_w "コンポーネントプロパティを使用すると、サードパーティの Web サイトでのデータ可視化コンポーネントインスタンスの動作を構成できます。")
* [データ可視化コンポーネントのイベントハンドラー](https://servicenow-prod.fluidtopics.net/zHVNXutI0xhl1VpiKq9B9g "コンポーネントは、特定の条件が満たされたとき、またはユーザーのインタラクション時にイベントをトリガーします。このイベントを使用して、サードパーティ Web ページのコードを介してアクションを実行できます。")