Strategy One

セレクター パネルまたはウィンドウの作成

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

以下の例では、セレクター パネルにCategory、Subcategory、Call Center、およびBrandのフィルターが含まれています。任意のフィルターまたはすべてのフィルターで選択を行い、[適用]をクリックして対象のビジュアリゼーション（この場合はSales線グラフとSales by Subcategory棒グラフ）を更新します。

セレクター パネルはミニ ダッシュボード キャンバスとして機能します。以下のオブジェクトを追加できます：

  • フィルター

  • セレクター

  • テキスト

  • イメージ

  • HTMLコンテナー

  • シェイプ

セレクター ウィンドウは、情報ウィンドウ内のセレクター パネルとして機能します。情報ウィンドウと同様に、ユーザーはテキスト ボックスまたはイメージをクリックしてセレクター ウィンドウを開きます。これにより、ダッシュボード ページのスペースを節約しながら、複数のフィルターを同時に調整および適用する場所を提供できます。

セレクター パネルまたはセレクター ウィンドウの作成

  1. 既存のダッシュボードを編集するか、新しいダッシュボードを作成します。

    • セレクター パネルとセレクター ウィンドウを作成するには、Workstation用の新しいダッシュボード エディターを有効にする必要があります。

  2. ダッシュボード ページが選択されていることを確認し、パネルや情報ウィンドウではないことを確認します。以下のいずれかを実行します：
    • セレクター パネルを作成するには、上部ツールバーで[パネル スタック]をクリックし、[セレクター パネル]を選択します。新しいパネルがページに追加され、以下に示すようにレイヤー パネルに表示されます。

    • セレクター ウィンドウを作成するには、上部ツールバーで[情報ウィンドウ] をクリックし、[セレクター ウィンドウ]を選択します。新しいウィンドウがページに追加されます。レイヤー パネルで、情報ウィンドウ用の新しいセクションが追加されています。残りのダッシュボード オブジェクトはキャンバス セクションに表示されます。レイヤー パネルでキャンバスの下のエレメントを選択することで、ダッシュボード キャンバスに戻ることができます。

  3. パネルまたはウィンドウ内にオブジェクトを作成します。オブジェクトを追加するときは、パネルまたはウィンドウが選択されていることを確認してください。

    4. パネル/ウィンドウ上のフィルターとセレクターは、ダッシュボード ページ（つまり、キャンバス）またはパネル上のビジュアリゼーションとフィルターを対象にできますが、情報ウィンドウ上では対象にできません。

    セレクター ウィンドウのトリガーを選択する

    セレクター ウィンドウを表示するには、ユーザーがテキスト ボックスまたはイメージをクリックします。

  4. ダッシュボード キャンバスから、セレクター ウィンドウをトリガーするテキスト ボックスまたはイメージを選択します。これは、セレクター ウィンドウのソースとも呼ばれます。

  5. ソース オブジェクトの右上隅で、[その他]をクリックし、[情報ウィンドウを選択]をポイントして、開くセレクター ウィンドウを選択します。

    ソース テキスト ボックスまたはイメージをクリックすると、セレクター ウィンドウが表示されます。

    6. 適用とキャンセル ボタンを書式設定する

  6. テキスト ボックスと同様に、適用とキャンセル ボタンのサイズを変更し、位置を変更します。

  7. 書式設定するボタンを右クリックして[書式設定]を選択するか、レイヤー パネルでボタンを選択します。

  8. 書式設定パネルで、[ボタン ラベル]ボックスに置換テキストを入力できます。

    • または、ボタンをダブルクリックして新しいテキストを入力します。

  9. ボタン サイズに合わせて[自動サイズ]にするかどうかを含め、ラベル テキストのフォントを書式設定します。

  10. ボタンの背景塗りつぶしを選択します。

  11. ボタンの境界線スタイルと色を選択します。

  12. [半径]を選択してボタンの形状を変更します。

  13. ボタン自体をドラッグしてサイズ変更する代わりに、ボックスを使用してボタンの位置とサイズを手動で定義できます。

    セレクター パネルまたはセレクター ウィンドウを書式設定する

  14. レイヤー パネルで、セレクター パネルまたはセレクター ウィンドウを右クリックして[書式設定]を選択します。
  15. 書式設定パネルで、[セレクター パネル オプション] をクリックします。

  16. デフォルトでは、パネルまたはウィンドウは自由形式レイアウトを使用します。自動レイアウトに変更するには、[自動レイアウトに変換] をクリックします。

    • 自由形式レイアウトを使用して、フィルター、セレクター、イメージ、HTML、シェイプを整理および重複させます。パネルまたはウィンドウ上でコンテナーを独立して配置、サイズ変更、およびレイヤー化できます。

    • 自動レイアウトを使用して、パネルまたはウィンドウをオブジェクトで自動的に埋めます。オブジェクトは互いの周りで再配置できます。

  17. 自由形式レイアウトを選択した場合は、[要素を引き伸ばす] を選択してパネル/ウィンドウを埋めるか、[キャンバスを展開] を選択してサイズを変更せずにパネル/ウィンドウにさらにコンテンツを追加するかを選択します。

  18. 自動レイアウトを選択した場合は、オブジェクト周辺の[パディング]を調整します。1から50の間の数値を入力します。

  19. デフォルトでは、垂直スクロールは無効になっています。有効にするには、[垂直スクロール]チェック ボックスを選択します。その後、[最小の高さ]を設定できます。

  20. セレクター ウィンドウを書式設定している場合は、ユーザーがセレクター ウィンドウを閉じる方法を制御する閉じるボタンを表示できます。これを行うには、[閉じるボタン]を有効にします。

    コンテナーを書式設定する

    コンテナーは、ウィンドウまたはパネルを含むオブジェクトです。

  21. 書式設定パネルで、[タイトルとコンテナー] をクリックします。

  22. [塗りつぶし]の色と透明度を選択します。

  23. [境界線]のスタイルと色を選択します。

  24. Strategy One（2025年9月）以降、パネル スタック コンテナーの角丸の[半径]を調整できます。

    • 0から40の間の数値を使用します。

    • 現在の[パディング]が更新された[半径]の50%未満の場合、[パディング]は自動的に新しい[半径]の50%に合わせて増加します。

  25. パネル スタック コンテナー周辺の[パディング]を調整します。1から100の間の数値を使用します。

  26. セレクター ウィンドウの場合は、位置とサイズを定義できます。

    1. セレクター ウィンドウがトリガーされたときの[位置]を制御します。

      左、右、上、下の位置は、選択したデータ ポイントに関連しています。選択したポイントに基づいて指定された位置に十分なスペースがない場合、ウィンドウは十分なスペースがある位置に自動的に表示されます。

    2. [固定位置]を選択した場合は、[X]と[Y]ボックスにパーセンテージを設定してウィンドウの位置を定義します。

      たとえば、[X]ボックスに25と入力すると、ウィンドウの左上隅がダッシュボード ページの左端から25%の位置に表示されます。[Y]ボックスに15と入力すると、左上隅がダッシュボード ページの上端から15%下の位置に表示されます。

    3. [幅]と[高さ]ボックスにパーセンテージを設定して、ウィンドウのサイズを定義します。
  27. ダッシュボードを[保存]します。

適用とキャンセル ボタンは編集モードでは無効になっています。パネルまたはウィンドウ上のフィルターやセレクターで選択を行うと、ターゲットが自動的に更新されます。

パネルまたはウィンドウのボタンを表示およびテストするには、ダッシュボードを表示します。