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

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

始める前に

重要:

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

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

必要なロール：ui_builder_admin、admin

手順

1. UI ビルダー でテクニカルダッシュボードまたはその他のUI ビルダーページを開きます。
2. [データとスクリプト] ドロワーの [データ リソース] で、 [+ データ リソースの追加] を選択します。
   
   
   
3. [データリソースを選択] ウィンドウで、 [データの可視化] を検索します。
   使用できるデータリソースを選択できます。
   
   
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. [適用] を選択します。

タスクの結果

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

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