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

Quick BI:タブ

最終更新日:Mar 14, 2025

ダッシュボードにタブを追加することで、複数のチャートを表示できるようになり、ダッシュボードを強化できます。このトピックでは、タブを追加および構成するプロセスについて説明します。

ダッシュボードが作成済みであることを確認します。詳細については、「ダッシュボードを作成する」および「ビジュアライゼーションチャートの概要」をご参照ください。

タブウィジェットを追加する

  1. Quick BI コンソールにログインします。

  2. ダッシュボード編集ページに移動します。

  3. トップメニューバーの image アイコンをクリックして、新しいタブを挿入します。

    image.png

  4. ダッシュボード編集ページでは、次の操作を実行できます。

    • 既存のチャートまたはフィルターバーを ドラッグ & ドロップ して、タブ内で再配置できます。

      1.gif

    • タブの設定を構成します。

    • タブの外観をカスタマイズします。

    • タブのプロパティを管理します。

タブウィジェットを編集する

  • キャンバス上のタブタイトルをクリックして目的の名前を入力することで、タブ名を設定します。

    キャンバスのタブタイトルをクリックし、目的のタイトル名を入力します。

    image

  • 新しいタブを追加します。

    image

  • タブの位置を変更します。

    目的のタブにマウスを合わせます。タブの左側に 1 アイコンが表示されたら、クリックしてドラッグし、タブの位置を変更します。

    tab拖拽

  • 現在のタブをコピーできます。

    タブをコピーするには、目的のタブにマウスを合わせ、右側の 1 アイコンをクリックし、[コピー] を選択します。

    image

  • 現在のタブを削除します。

    タブを削除するには、タブにマウスを合わせ、右側の 1 アイコンをクリックし、[削除] を選択します。

    image

タブのスタイルを構成する

  • タイトルとカード で、タイトル、タブスタイル、注釈、後注 などのオプションを設定します。

    スタイルコンテンツ

    説明

    タイトル

    メインタイトルを表示するかどうか を構成し、タイトルコンテンツ、テキストスタイル、および行区切り を構成します。

    image.png

    タブスタイル

    タブスタイルのカスタマイズ

    タブスタイル を 下線行区切り選択ブロックカプセルスライダー として カスタマイズ できます。

    111

    タブ内のテキスト

    タブスタイル を 下線行区切り、または 選択ブロック として カスタマイズ する場合、選択済みフォントスタイル選択されていないフォントスタイル を構成できます。

    image

    テキスト

    タブスタイルのカスタマイズカプセル スライダーフォントサイズ未選択選択したフォントスタイルimage として設定する場合、テキストの を構成できます。

    スライダー

    タブスタイルのカスタマイズカプセルスライダー として設定する場合、スライダーの塗りつぶしの色と境界線の色を構成できます。image.png

    背景

    タブスタイルのカスタマイズカプセルスライダー として設定する場合、背景の塗りつぶしの色と境界線の色を構成できます。image.png

    高さ

    タブスタイルのカスタマイズカプセルスライダー として設定する場合、タブの高さをテキストフォントサイズに基づく自動回転または静的フィールドに構成できます。image.png

    角丸半径

    タブスタイルのカスタマイズカプセルスライダー として設定する場合、タブの角丸半径を構成できます。image.png

    タブの下部にある行区切り

    image.png

    タブの位置

    左揃え、中央揃え右揃えの表示をサポートします。

    11.gif

    タブタイトルを固定する

    タブタイトルの固定 をサポートします。

    タブコンテンツが1 画面を超えてスクロールして表示する必要がある場合、このオプションを選択すると、タイトルエリアは画面の上部に固定されます。

    12.gif

    タブのフィルターバーを固定する

    タブのフィルターバーの固定をサポートします。

    13.gif

    説明

    タブタイトルを固定する を選択した場合にのみ、タブのフィルターバーを固定する を選択できます。

    注釈と後注

    注釈

    タブタイトルの横に注釈を設定するかどうかと、注釈の具体的な内容を選択します。

    111

    説明

    注釈コンテンツが正常に表示されるようにするには、タイトル > スタイル件名タイトルを表示 を選択する必要があります。image

    ウィジェットコンテナー

    背景の塗りつぶしをカスタマイズする

    タブウィジェットコンテナーの背景の塗りつぶしの色とイメージスタイルを構成します。

    • カードの色: 単色とグラデーションをサポートします。111

    • 背景画像: システム素材またはカスタムイメージの使用をサポートします。111

    角丸半径

    タブウィジェットコンテナーの角丸半径を構成します。image

    タブの高さ

    タブウィジェットコンテナーの高さを構成します。次の2 つの方法がサポートされています。

    • 自動高さ: タブウィジェットの高さは、ダッシュボードのページレイアウトに基づいて自動的に調整されます。

    • 手動設定: ドラッグしてタブウィジェットの高さを調整します。ウィジェットの高さは固定されます。

    タブのパディングをカスタマイズする

    タブウィジェット内のコンテンツと外側の境界線の間の余白を構成します。image

    タブ内ウィジェットの境界線をカスタマイズする

    タブウィジェット内のチャートの境界線の色を構成します。111

  • [タグ] セクションで、次のようにタブを構成します。

    image.png

    • タブを追加 (①): ボタンをクリックして新しいタブを挿入します。

    • フィルター条件を挿入 (②): image アイコンをクリックして、タブ内のフィルター条件構成ページにアクセスします。詳細な手順については、「タブにフィルターバーを作成する」をご参照ください。

    • コピー (③): image アイコンを使用して現在のタブをコピーします。

    • 非表示 (④): image アイコンをクリックして現在のタブを非表示にします。

    • 削除 (⑤): image アイコンを使用して現在のタブを削除します。

    • タブの順序を調整 (⑥): image アイコンをドラッグしてタブの順序を変更します。

    • タグの幅 (⑦): タグの幅を自動または固定値に設定します。

    • 注釈 (⑧): タグに注釈を追加します。

タブウィジェットを管理する

コピーや貼り付けなどのオプションについては、タブの右上隅にある 更多 アイコンをクリックします。

image.png

タブのクイック管理にはショートカットキーも使用できます。ショートカットキーは、オペレーティング システムによって異なります。

機能

ショートカットキー (Windows)

ショートカットキー (Mac)

[コピー]

Ctrl + C

Command (⌘) + C

[貼り付け]

Ctrl + V

Command (⌘) + V

[削除]

Backspace (←) または Delete

Delete (⌫)