データ可視化でローカルデータインスタンスを使用

事前設定されたデータソースよりもデータソースをきめ細かく制御するには、ローカルデータインスタンスを作成します。次に、ローカルデータインスタンスをデータ可視化の dataPassthrough プロパティにバインドします。

始める前に

重要:

これは高度な手順です。ローカルデータインスタンスが必要か、標準データソースを使用できるかは慎重に検討してください。

続行する前に、 Dynamically expose data in UI Builder pages (advanced feature)を確認してください。

必要なロール：ui_builder_admin、admin

手順

1. UI ビルダーでテクニカルダッシュボードまたはその他のUI ビルダーページを開きます。
2. [データとスクリプト] ドロワーの [データリソース] で、 [ + データリソースを追加] を選択します。
   
   
   
3. [データリソースを選択 (Select a data resource)] ウィンドウで、 [ データの可視化 (Data visualization)] を検索します。
   使用できるデータリソースを選択できます。
   
   
4. 表示するデータのタイプに一致するデータリソースを選択します。
5. 情報ペインに目を通し、構成の詳細をコピーまたはメモします。
6. [Add (追加)] を選択します。
7. このデータインスタンスを使用する予定の可視化のタイプに必要な構成オプションを入力します。
   同じデータを使用する可視化のタイプごとに、個別のローカルデータインスタンスを作成して構成します。たとえば、同じインジケーターからのスコアを表示する棒と時系列を計画している場合は、2 つのローカルデータインスタンスを作成します。これは棒グラフと時系列の可視化にそれぞれ 1 つずつですが、どちらも同じインジケーター上に作成します。

   ヒント:

   データの可視化をページに追加し、その構成パネルをローカルデータインスタンスのオプションと比較できます。
8. このデータソースの @data データバインドをコピーします。
   
   
   
9. 目的のデータ可視化コンポーネントをページに追加します。
10. そのデータ可視化の構成パネルの [データソース] セクションで、[ データを手動で定義] をオンにします。
11. [ データ ] フィールドで、[ データのバインドまたはスクリプトの使用] を選択します。
    
    
    
12. [データをデータにバインド] ダイアログの [データ型] で、[ データリソース] を選択します。
13. [この領域にデータ出力を追加] セクションをダブルクリックし、ローカルデータインスタンスへのデータバインドを青色のボックスに貼り付けます。
14. データバインドの最後に .output.result を追加します。
    たとえば、ローカルデータインスタンスdata_visualization_api_for_table_data_source_1への完了したデータバインドは、 @data.data_visualization_api_for_table_data_source_1.output.result です。
    
    
15. [Apply (適用)] を選択します。

タスクの結果

ローカルデータインスタンスを作成し、それをデータビジュアル化にバインドしました。これで、データの可視化の構成を完了できます。

• ローカルデータインスタンスに適用するフィルターを有効にする
  ビューアーがデータの可視化で表示するフィールド値またはブレークダウン要素を切り替えられるようにするには、フィルターコンポーネントを UI ビルダー ページに追加します。これらのフィルターをローカルデータインスタンスに適用するには、そのインスタンスを適宜構成します。
• ローカルデータインスタンスのデータキャッシュを有効にする
  データの可視化のロード時間を短縮するため、およびリアルタイムまたは非常に新しいデータが必要ない場合は、データソースでデータキャッシュを有効にします。
• 複数のデータを可視化するためのローカルデータインスタンス
  複数のデータ可視化のデータを同時にフェッチするために、特別なデータ可視化 API データリソースを使用できます。このデータリソースにより、API 呼び出しの数が減るため、データフェッチを高速化できます。