情報ウィンドウの追加

ダッシュボードに情報ウィンドウを追加することで、ユーザーの視覚的なインタラクティビティを強化できます。情報ウィンドウでは、コンテンツがダッシュボードの上にポップアップウィンドウで表示されるため、キャンバスを過密にすることなく、データポイントに重要な追加コンテキストを含めることができます。

ビジュアリゼーション内のオブジェクトをクリックすると情報ウィンドウが開き、選択したオブジェクトでフィルタリングされます。イメージやテキストボックスから情報ウィンドウを開くこともできます。情報ウィンドウには、ビジュアリゼーション、テキストボックス、イメージ、パネルなど、任意のダッシュボードオブジェクトを表示できます。

詳しくは、以下の動画をご覧ください。

Strategy One（2025年9月）以降、セレクターウィンドウを追加してフィルタリングエクスペリエンスを強化できます。セレクターウィンドウには複数のフィルターとセレクターを表示できるため、エンドユーザーはすべての選択肢を1つの場所で簡単に表示できます。エンドユーザーは複数のフィルターを一括で変更し、すべての選択を一度に適用することもできます。手順と例については、セレクターパネルまたはウィンドウの作成を参照してください。

情報ウィンドウの作成

最上部ツールバーで、[情報ウィンドウ] をクリックし、[情報ウィンドウ] を選択します。
空のグリッドを含む空の情報ウィンドウがダッシュボードページに表示されます。レイヤーパネルで、情報ウィンドウ用の新しいセクションが追加されています。残りのダッシュボードオブジェクトはキャンバスセクションに表示されます。レイヤーパネルでキャンバスの下のエレメントを選択することで、ダッシュボードキャンバスに戻ることができます。
デフォルトグリッドのビジュアリゼーションタイプを変更するには、グリッドを右クリックして[ビジュアリゼーションを変更]を選択します。パネルにビジュアリゼーションが不要な場合は、削除することもできます。
ビジュアリゼーション、テキストボックス、イメージ、パネルスタック、その他のダッシュボードオブジェクトを情報ウィンドウに追加します。
情報ウィンドウには最初に単一のパネル、またはデータのレイヤーが含まれています。情報ウィンドウにさらにパネルを追加して、より多くのデータレイヤーを提供できます。以下の例では、情報ウィンドウ 1 に 2 つのパネルが含まれています。

情報ウィンドウエレメントは、レイヤーパネルの情報ウィンドウセクションに表示されます。特定のエレメントに移動するには、それを選択します。

情報ウィンドウのトリガーを選択する
情報ウィンドウとそのタイトル、コンテナーなどのエレメントを書式設定するには、[書式設定] パネルに移動します。
トリガー時のウィンドウの配置を制御できます。
左、右、上、下の位置は、選択したデータポイントを基準にした値です。選択したポイントを基準にした指定の位置に十分なスペースがない場合は、十分なスペースがある位置に情報ウィンドウが自動的に表示されます。
パネルエレメントの [書式設定] パネルにある、[自由形式レイアウト] と [自動レイアウト] から選択します。
情報ウィンドウを閉じる方法を制御する閉じるボタンを追加します。
ダッシュボードキャンバスから、情報ウィンドウをトリガーするビジュアリゼーション、テキストボックス、またはイメージを選択します。これは情報ウィンドウのソースとも呼ばれます。

Time Seriesビジュアリゼーションで情報ウィンドウをトリガーするには、横方向セレクターを使用して目的のデータポイントを選択します。これには、1 つのデータポイントを渡すための 1 の範囲が含まれます。
ソースオブジェクトの右上隅で、[その他]をクリックし、[情報ウィンドウを選択]を選択します。
情報ウィンドウを選択します。

ソースビジュアリゼーション、テキストボックス、またはイメージをクリックすると、情報ウィンドウが表示され、ソースで選択した要素でフィルタリングされます。

情報ウィンドウをフィルタリングする

情報ウィンドウは、選択したデータポイントによって自動的にフィルタリングされます。ソースを対象とするフィルターとしてのキャンバス内フィルターとビジュアリゼーションも情報ウィンドウに適用されるかどうかを制御できます。
フィルターを渡す場合は、レイヤーパネルで情報ウィンドウを右クリックし、[追加のフィルター条件を適用]を選択します。

これで、ソースビジュアリゼーション、テキストボックス、またはイメージをクリックすると、情報ウィンドウが表示され、ソースで選択した要素とソースを対象とするフィルターによってフィルタリングされます。

情報ウィンドウを書式設定する
情報ウィンドウとそのタイトル、コンテナー、その他の要素を書式設定するには、レイヤーパネルで情報ウィンドウを右クリックし、[書式設定]を選択します。
[書式設定] パネルで、[情報ウィンドウオプション] アイコンをクリックします。
情報ウィンドウに複数のパネルが含まれている場合は、パネル間のナビゲーションを定義できます。デフォルトでは、ユーザーはパネル上にカーソルを移動したときに表示される矢印アイコンを使用してパネルをスクロールします。ナビゲーションは「なし」に設定されています。[ナビゲーション] ドロップダウンリストから、パネルスタックの上部または下部にパネルタブを表示するかどうかを選択します。
ユーザーは情報ウィンドウの外側をクリックして情報ウィンドウを閉じます。閉じるボタンを追加して、ユーザーが情報ウィンドウを閉じる方法を制御できます。これを行うには、[閉じるボタン]を有効にします。
[書式設定] パネルで、[タイトルとコンテナー] アイコンをクリックします。
以下を行うことができます。
- [塗りつぶし] の色と透明度を選択します。
- [境界線] のスタイルと色を選択します。
- Strategy One（2025年9月）以降、情報ウィンドウコンテナーの角丸の[半径]を調整できます。
  - 0 から 40 の間の数値を使用します。
  - 現在の[パディング]が更新された[半径]の 50% 未満の場合、[パディング]は自動的に新しい[半径]の 50% に合わせて増加します。
- Strategy One（2025年7月）以降、情報ウィンドウコンテナー周辺の[パディング]を調整できます。1 から 100 の間の数値を使用します。
- 情報ウィンドウがトリガーされたときの[位置]を制御します。
  
  左、右、上、下の位置は、選択したデータポイントに関連しています。選択したポイントに基づいて指定された位置に十分なスペースがない場合、情報ウィンドウは十分なスペースがある位置に自動的に表示されます。
- [幅]と[高さ]を設定して情報ウィンドウのサイズを定義します。

パネルを書式設定する

各パネルは個別に書式設定できます。

書式設定するパネルを右クリックして[パネルの書式設定]を選択するか、レイヤーパネルでパネルを選択します。
以下を行うことができます。
- [垂直スクロール]を有効または無効にします。
  - 垂直スクロールが有効な場合は、[最小の高さ]を設定します。
- [レイアウトモード]を自由形式と自動の間で変更します。
  - 自由形式レイアウトが選択されている場合は、[要素を引き伸ばす] を選択してページを埋めるか、[キャンバスを展開] を選択して既存のキャンバスのサイズを変更せずにページにより多くのコンテンツを追加するかを選択します。
  - 自由形式レイアウトを使用して、ビジュアリゼーション、フィルター、セレクター、イメージ、HTML、その他のオブジェクトを整理および重複させます。パネル上でコンテナーを独立して配置、サイズ変更、およびレイヤー化できます。
  - 自動レイアウトを使用して、パネルの画面領域をオブジェクトで自動的に埋めます。オブジェクトは互いの周りで再配置できます。
  - パネルスタック上の各パネルは、最大限の柔軟性のために異なるレイアウトタイプを使用できます。
- [背景塗りつぶし]を追加し、透明度を設定します。
- Strategy ONE（2025年9月）以降、自動レイアウトで[パディング]を調整できます。