注: 以下の翻訳の正確性は検証されていません。AIPを利用して英語版の原文から機械的に翻訳されたものです。
多くのObject Viewsは、チャート、テーブル、集約メトリックス、KPIなどの視覚コンポーネントでユーザーがフィルター処理することを必要とします。フィルターウィジェットを使用すると、ユーザーはさまざまなタイプのフィルターを適用して、そのObject View上の特定のサブセットのLinked Objectsに絞り込むことができます。
このカテゴリーには、いくつかのフィルターウィジェットが含まれています:
これらのコアなフィルタリングウィジェットの他に、視覚化に専用されているがフィルタリングも可能なウィジェットがあります。これには、チャートが含まれます。Conditional Containerは、ユーザーが対話するフィルターに従ってコンテンツを表示/非表示にすることができます。
一般的な問題と注意点:
Object Viewの単一タブ上の異なるウィジェット間でフィルターを適用するためには、またはタブ間でフィルターを適用するためには、「cross-filtering」のチェックボックスにチェックを入れる必要があります。これは右のバーエディターの「Settings」の下にあります。このチェックボックスがマークされていないタブではフィルターは適用されません。
異なるタブ間でフィルターを適用するためには、タブの設定の下の「filterSet value」がすべてのタブ間で同一のテキスト値を持つことを確認してください。この値は大文字と小文字を区別します。
すべてのフィルター設定では、現在編集しているオブジェクトにリンクされたオブジェクトを選択します。編集中のオブジェクト自体は選択しません。
ほとんどのフィルターウィジェットは、ユーザーが現在閲覧しているオブジェクトの現在のビューに対してローカルにフィルターを適用するオプションの機能を追加します。
Multiselect Filterは、ユーザーが複数の値によるフィルタリングを行い、それらの間に「OR」ステートメントを持つことを可能にします。選択された値の少なくとも1つを満たすすべてのエントリを保持します。
設定後、このように表示されます:
注:常に必要な設定は、それぞれの隣に (*) マークが付いています。
Arriving flights
のマルチセレクトフィルターを選択し、次に Flights
オブジェクトのプロパティ Origin City
を選択します。ドロップダウンフィルターは、ユーザーにすべての20の出発地を提示します。ユーザーが出発地のサブセットを選択すると、テーブルウィジェットはこのサブセットからの到着便のみを表示します。一般的な問題と注意点:
このフィルターは、1つまたは複数のフィルターを単一選択のドロップダウンで持つことを可能にし、ユーザーは値のドロップダウンを使用して Object View の他のウィジェットをフィルター処理することができます。
設定したら、これがどのように見えるかです:
設定したい各ドロップダウンフィルターオプションについては、まず「アイテムを追加」をクリックする必要があります。 「アイテムを追加」を再度クリックするだけで、1つのウィジェットの下に複数のドロップダウンフィルターを追加することができます(それらはすべて隣り合って表示されます)。
アイテムが追加されると、設定メニューは "Filter Type" の2つのオプションを提供します:
オプション 1 - ダイナミックリスト:
これはよりシンプルなオプションで、ほとんどのフィルターウィジェットと同様に、ドロップダウンのオブジェクトとプロパティを簡単に選択することができます:
オプション 2 - 値リスト:
これはより複雑なオプションで、フィルターからの正確な値のリストを定義したい場合、つまりフルドロップダウンリストのサブリストに特に適しています。ユーザーに提供したいドロップダウンフィルターに含めたいすべての値を手動で入力する必要があります。これの設定方法:
一般的な問題と注意点:
このウィジェットは、一回のクリックで事前に定義された値のセットにフィルターをかけるボタンを作成します。これはテキスト(文字列)の値、数値の範囲、または日付の範囲です。ボタンをもう一度クリックすると、フィルターの選択が解除されます。
これは固定のフィルターで、Object View Editor によって設定されると、エンドユーザーが利用できる設定選択はありません。
ボタンが選択または選択解除されると、ボタンの色が変わることに注意してください。状態を視覚的に明確にするために、Active Filter を追加することができます。
設定したら、これがどのように見えるかです:
まず、ボタンフィルタータイプを選択します:
すべての3種類のボタンフィルターには、以下の設定があります:
[必須] フィルターを適用するオブジェクト: このフィルターが適用されるリンクされたオブジェクトを選択します。
[必須] フィルターするプロパティ: フィルターを適用したいプロパティを選択します:(I) まずフィルターのオブジェクトタイプを選択する必要があります。その後、(II) フィルターしたいそのオブジェクトのプロパティを選択します。
[必須] このポイントから、ボタンの設定はボタンタイプにより異なります:
[オプション] ボタンのラベル: ボタンに表示するテキストです。オプションですが、ラベル付きのボタンを作成するのがベストプラクティスです。
[オプション] ボタンの色: デフォルトの色は灰色です。ボタンの色を選択するには、Blueprint の標準色(https://blueprintjs.com/docs/#core/colors を参照)を使用するか、内部の Palantir Blueprint ライブラリを使用します。基本的な色(「Blue」、「Red」、「Yellow」など)でも機能します。
ユーザーに柔軟性を提供するために、次のことを検討してください:
ボタンフィルターはデフォルトでオフになっており、フィルターを適用するにはクリックする必要があります。
設定が完了すると、Object View に影響を与えるために、右側の設定エディタで「allow cross-filtering」のチェックボックスをオンにする必要があります(詳細は上記を参照)。
Date Range Filter は、特定の日付プロパティに基づいて、Object View を日付の範囲に絞り込むことができます。 設定が完了すると、日付範囲が選択され、ユーザーがSubmitを選択すると、Object View のすべてのウィジェットが影響を受けます。表示されるのは、選択した日付プロパティの日付が範囲内にあるオブジェクトインスタンスのみです。
フィルタリングするオブジェクトの ID を挿入する必要がありますが、これは通常、現在設定しているオブジェクトにリンクされたオブジェクトです。
設定が完了すると、以下のように表示されます:
一般的な問題と注意事項:
このウィジェットは柔軟なフィルタリング体験を作成し、ユーザーがリンクされたオブジェクトのすべてのプロパティから特定の値のセットを使用して、現在の Object View をフィルタリングできるようにします。
このウィジェットは選択肢を提供するだけでなく、ユーザーにとって複雑さも高くなります。リンクされたオブジェクトのプロパティを理解し、把握する必要がありますが、他のフィルターウィジェット(例:ドロップダウンフィルター、ボタンフィルター)は事前に設定されています。
設定が完了すると、以下のように表示されます:
このウィジェットの設定は、Object View でフィルタリングするリンクされたオブジェクトを選択するだけです。残りの設定、つまりフィルタリングする特定のプロパティと値の選択は、ユーザーが行い、ローカルのビューにのみ適用されます。ユーザーがページを更新したり、別のオブジェクトに切り替えたりすると、これらのフィルターを再設定する必要があります。
一般的な問題と注意事項:
Filter Sandbox Container は、ウィジェットをコンテナにまとめて、コンテナ内のフィルターがサンドボックス化され、つまり、コンテナ内の他のウィジェットによって影響を受け、影響を与えるようにすることができます。
Filter Sandbox Container ウィジェットを追加し、「Add Item」をクリックしてコンテナに既存のウィジェットを追加します。 ウィジェットセレクタから追加するウィジェットを選択します。
もう一つの設定オプションは、フィルターセット識別子です。デフォルトでは、新しいフィルターサンドボックスごとに新しい一意の値が生成されます。次の場合には、値を変更します。
一般的な問題と注意事項:
このウィジェットは、事前に定義されたフィルターセットが適用されたウィジェットのサブセットを作成することができます。
このフィルターセットのサブセットは、次のプロパティタイプの組み合わせに基づいて定義できます:(1) テキスト(文字列)値のリスト;(2) 数値範囲;および/または(3) 日付範囲。
このウィジェットは、事前に定義されたフィルターのみをサポートするため、フィルターサンドボックスとして使用しないでください。
注:フィルタリングサンドボックスコンテナ(つまり、フィルターがコンテナ内でのみ適用され、外部フィルターに影響されないようにする)を持つには、代わりに Filter Sandbox Container を使用してください。
フィルターコンテナーの設定は2部分で構成されています:
パート 1 - コンテナ内のすべてのウィジェットに事前に設定されたフィルターを適用する
これらの事前に定義されたフィルターは、デフォルトで_コンテナ内のウィジェットにのみ_適用されます。 コンテナ内の事前定義フィルターは、次の3種類のフィルタータイプの任意の組み合わせにすることができます:
各デフォルトフィルターについて、以下を設定する必要があります:
クロスフィルタリング設定:
これらのトグルはどのように使用しますか?
一般的な問題と注意点:
パート 2 - ウィジェットのコンテナとしてのフィルターコンテナー
このコンテナ内のビューを他のコンテナと同様に設定します。追加するすべてのウィジェットは、フィルターコンテナの事前定義フィルターと、それに影響を与えるように定義された他のすべてのフィルターに登録されます。
"セクションを追加" をクリックすると、メインの Object View や他のネストされたタブ付きウィジェット(例えば、任意のコンテナウィジェットなど)での "セクションの追加" と同じ設定体験が得られます。
セクションレイアウト:
この設定は、フィルターコンテナー内のウィジェットが垂直に積み重ねられるか(一つ下のもの、これがデフォルトです)、または水平に配置されるか(一つ隣のもの、左から右へ)を決定します。
このウィジェットは、現在 Object View に適用されているすべてのフィルターの概要を表示し、ユーザーが個々のフィルターを削除するか、すべてのフィルターをクリアすることができます。このフィルターには設定は必要ありません。
アクティブフィルターは、現在 Object View にどのフィルターがアクティブであるかをユーザーが理解するための便利な視覚的な指標です。一度 Object View がいくつかのフィルタリングウィジェット(チャートを使用したフィルタリングを含む)を含むようになり、特にフィルターコンテナーまたはボタンフィルターを使用する場合、アクティブフィルターの可視性はユーザーエクスペリエンスにとって重要となります。
設定すると、以下のインタラクティブウィジェットのようになり、左側にフィルターアイコンが表示されます。この例では、それは異なるフィルターウィジェットに影響を受けています:
アクティブフィルターウィジェットには設定はありません。新しいセクションとして追加するだけです。
一般的な問題と注意点: