すべてのプロダクト
Search
ドキュメントセンター

Quick BI:チャートにフィルターバーを追加および構成する

最終更新日:Jan 20, 2025

このトピックでは、ダッシュボードのチャートにフィルターバーを追加および構成する方法について説明します。

前提条件

ダッシュボードが作成され、チャートがダッシュボードに追加されています。

背景情報

ダッシュボードに複数のチャートが作成されている場合は、いずれかのチャートにフィルターバーを追加できます。

フィルターバーを作成する

次の例では、円グラフのクエリ条件を作成する方法について説明します。

  1. ダッシュボードの編集ページで、ポインターをチャートの右上隅に移動し、更多 アイコンをクリックして、挿入[クエリ条件] を選択します。

    image.png

  2. [チャート内のクエリ条件] ダイアログボックスで、次のパラメーターを構成します。

    1. 条件

      添加 アイコンを [クエリ条件] セクションでクリックし、クエリ条件を追加すると、デフォルト名は [名前なし] になります。クエリ条件の名前を入力できます。

      image.png

      説明
      • 名前は、入力後すぐに有効になります。

      • 隐藏 アイコンをクリックすると、フィルターを非表示にできます。フィルターが非表示になると、ダッシュボードには表示されなくなります。ただし、構成は保持されます。

      • 更多操作 アイコンをクリックすると、フィルターの名前を変更または削除できます。

    2. 関連するチャートとフィールド

      このチャートに関連付けられたフィールドを選択します。

      image.png

    3. クエリ条件の構成

      クエリ条件の構成は、関連付けられたフィールドのタイプによって異なります。詳細については、「クエリのタイプ構成」をご参照ください。

      image.png

    4. 条件付きカスケード構成

      条件付きカスケードを構成すると、上位レベルのフィールドで下位レベルのフィールドの表示を制御できます。同じレベルの条件は互いに影響を与える可能性があります。グローバルフィルターバー、タブレベルのフィルターバー、チャートレベルのフィルターバーを構成すると、これらのフィルターバーは、グローバルフィルターバー、タブレベルのフィルターバー、チャートレベルのフィルターバーの降順でカスケードされます。詳細については、「クエリ コントロール カスケードを構成する」をご参照ください。

    5. クエリ条件グループの構成

      日付タイプの 統計時間新しい時刻スイッチimage.pngクエリ条件グループを構成する コントロールや コントロールなど、同じタイプの複数のクエリ コントロールを追加した場合は、クエリ条件グループを構成して、クエリ コントロールをコントロールに関連付けることができます。クエリ条件を ことができます。 詳細については、「」をご参照ください。

スタイルを構成する

フィルターバーを構成した後、[スタイル] タブでフィルターバーの表示スタイルを設定できます。

  • [テンプレート設定] セクションでは、定義済みのテンプレートを選択してフィルターバーのスタイルを構成できます。

    テンプレート設定でサポートされているスタイルは、[右側検索ボックス][ドロップダウンリスト][タイル] です。

    47.gif

    テンプレート設定では、ワンクリックでフィルターバーのスタイルを変更できます。フィルターバーのスタイルを変更した後も、[基本設定][コントロールスタイル]、または [フィールドスタイル] セクションでスタイルを構成できます。

  • [場所とレイアウト] セクションで、次の設定を構成します。

    [テンプレート構成][タイトル ドロップダウン] または [タイトル タイル] に設定すると、[位置とレイアウト] セクションで [すべてのフィルター条件をデフォルトで展開][条件の配置][コンテナ内の条件の位置][条件の間隔] を設定できます。

    image.png

  • [条件] セクションで、次の設定を構成します。

    パラメーター/オプション

    マーキースタイル

    マーキースタイルでは、[塗りつぶし][ワイヤーフレーム][シンプル] がサポートされています。

    28.gif

    背景色

    条件付きマーキーの 背景色 を設定できます。

    image.png

    罫線

    条件付きマーキーの 罫線 の太さと色を設定できます。

    image.png

    フィレット

    条件付きマーキーの 角丸 のサイズを設定できます。

    image.png

    テキスト

    条件付きマーキーの テキスト の色とフォントサイズを設定できます

    image.png

    カスタム条件スタイル

    クエリ条件の 表示タイプ に基づいて、単一のクエリ条件のスタイルをカスタマイズできます。

    image.png

    詳細については、「条件付きスタイルをカスタマイズする」をご参照ください。

    説明

    オブジェクトが複製されている場合、カスタムスタイルは上記の共通スタイルを上書きします。[リセット] を選択してデフォルトに戻すことができます。

  • [条件名] を表示するかどうかを指定し、[位置][テキスト][条件名とマーキーの間隔] を構成できます。

    パラメーター/オプション

    位置

    [テンプレートの構成][タイトル ドロップダウン] または [タイトル タイル] を選択した場合は、条件名を または の位置に設定できます。値を [上] に設定した場合、サポートされる配置モードは、左揃え、中央揃え、右揃えです。

    29.gif

    テキスト

    条件名のテキストスタイルの設定をサポートしています。

    image.png

    マーキーからの距離

    条件名と マーキーの間隔 を設定できます。

    30.gif

  • [ボタン] セクションでは、[ボタンの表示][ボタンの位置][ボタンの色][ボタンの丸み][テキスト] スタイルを構成できます。

    パラメーター/オプション

    ボタンの表示

    image.png

    説明

    [リセット] ボタンと [クリア] ボタン は、ボタンの表示で [クリア][表示] の構成項目が選択されている場合にのみ表示されます。

    • [リセット]: フィルターがデフォルト設定に戻されることを示します。

    • [クリア]: フィルターがクリアされることを示します。

    たとえば、フィルターバー A がフィルターバー B とカスケードされている場合、フィルターバー A はフィルターバー B の上位レベルになります。フィルターバー A がリセットまたはクリアされると、フィルターバー B もリセットまたはクリアされます。フィルターバー B がリセットまたはクリアされても、フィルターバー A は変更されません。

    ボタンの色

    ボタンの色 を設定できます。

    image.png

    ボタンのフィレット

    ボタンのフィレット を設定できます。

    image.png

    テキスト

    ボタンの テキスト スタイル。

    image.png

表示タイプを構成する

クエリ コントロールは、同じタイプのプレースホルダーと共通フィールドの両方で機能できます。

31.gif

表示タイプのセクションを以下に示します。

  • 日付の選択

    日付フィールドをフィルターバーに関連付けると、表示タイプは自動的に [日付の選択] に設定され、[時間の粒度] パラメーターの値は日付フィールドによって異なります。サポートされている粒度のタイプは、[年][四半期][年][週][年月日][YYYYMMDD HH:MM:SS][時間][時分][分秒] です。

    image.png

    日付フィールドに基づいてデータをクエリする方法の詳細については、「日付フィールドに基づいてデータをクエリする」をご参照ください。

  • 数値入力ボックス

    関連付けられたフィールドがメジャーの場合、[集計方法] ドロップダウンリストから [集計なし] または別の集計方法を選択できます。デフォルト値は [合計] です。

    説明

    フィルターバーで集計方法が使用されている場合、フィルターバーを使用して詳細データをクエリすることはできません。[条件付きフォーム] を [単一条件]、[または条件]、または [および条件] に設定できます。[等しい] 条件などの固定条件を使用してユーザーにレポートをプレビューさせる場合は、[フィルター条件をロックする] を選択します。

    image.png

    数値フィールドに基づいてデータをクエリする方法の詳細については、「数値フィールドに基づいてデータをクエリする」をご参照ください。

  • テキスト入力ボックス (以前の条件付きフィルター)

    数値入力ボックスと同様に、[条件付きフォーム] パラメーターを [単一条件][または条件]、または [および条件] に設定できます。image.png

    テキストフィールドに基づいてデータをクエリする方法の詳細については、「テキスト フィールドに基づいてデータをクエリする」をご参照ください。

  • ドロップダウンリスト

    [表示タイプ] パラメーターが [ドロップダウンリスト] に設定されている場合、[オプション ソース] パラメーターは、フィルター条件から選択できるフィルター値に設定されます。次のオプションのいずれかを選択できます。[自動解析][単一データセット][手動入力]

    image.png

    詳細については、「ドロップダウンリスト」をご参照ください。

  • ツリー ドロップ

    [表示タイプ] ドロップダウンリストから [ツリー ドロップ] を選択すると、現在のデータセットと別のデータセットの両方からフィールドを選択でき、[表示形式] を [ツリー表示] または [タイル表示] に設定でき、[照会モード] を [単一選択] または [複数選択] に設定でき、[クエリ時間] を [クリックしてクエリ] または [事前クエリ] に設定できます。

    説明

    ツリー構造 は最大 10 レイヤーまでサポートします。image.png

    詳細については、「ツリー型ドロップダウン」をご参照ください。