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

Quick BI:横棒グラフ

最終更新日:May 13, 2026

横棒グラフは、2 次元のデータセットでデータがどのように分布しているかを示します。一方の軸は比較対象のカテゴリを表し、もう一方の軸はその値を表します。たとえば、横棒グラフを使うと、月別の製品売上を表示できます。このトピックでは、横棒グラフにデータを追加する方法と、そのスタイルを設定する方法について説明します。

概要

  • ユースケース

    横棒グラフは、異なるグループ間の値を比較するための、シンプルで直感的な方法です。各棒の長さがその値を表すため、グループ間の違いが一目でわかります。

  • メリット

    • 計算機能:ワンクリックで期間比較や累積計算を設定し、インテリジェントなリファレンスラインやトレンドラインを追加できます。

    • 表示効果:横棒グラフ、積み上げ横棒グラフ、100% 積み上げ横棒グラフなど、複数の種類のグラフを使用でき、データラベル、凡例、概要軸などのオプションも設定できます。

  • image

制限事項

  • 前提条件:ダッシュボードが作成済みであること。詳細については、「ダッシュボードの作成」をご参照ください。

  • 横棒グラフは、[値軸/メジャー]、[カテゴリ軸/ディメンション]、[色の凡例]、および分割の各フィールドで構成されています。

    • 値軸は、データ内のメジャーに対応します。注文数量や利益額など、少なくとも 1 つのメジャーを追加する必要があります。

    • カテゴリ軸は、データ内のディメンションに対応します。省や製品タイプなど、少なくとも 1 つのディメンションを追加する必要があります。

    • 色の凡例は、データ内のディメンションに対応します。配送方法など、追加できるディメンションは最大 1 つです。

      説明

      色の凡例は、値軸に 1 つのメジャーフィールドを追加した場合にのみ使用できます。

    • 分割は、データ内のディメンションに対応します。製品タイプなど、追加できるディメンションは最大 1 つです。

チャートデータの設定

  1. [データ] タブで、必要なディメンションフィールドとメジャーフィールドを選択します。

    • [ディメンション] リストから city を見つけ、[カテゴリ軸/ディメンション] フィールドに追加します。

    • [ディメンション] リストから product_type を見つけ、[カラー凡例/ディメンション] フィールドに追加します。

    • [メジャー] リストから、shipping_cost を見つけて [値軸/メジャー] フィールドに追加します。

      説明

      同じフィールドを [カテゴリ軸][色の凡例] の両方のフィールドにドラッグすることで、各ディメンションの値に固有の色を割り当てることができます。チャートのレンダリングは、設定によって異なります。

      • [カテゴリ軸][値軸] にそれぞれ 1 つのフィールドのみが含まれている場合、棒の数はカテゴリ軸のディメンションの一意の値の数と等しくなります。image

      • [値軸] に複数のメジャーフィールドが含まれている場合、グラフにはデフォルトで最初のメジャーが表示されます。他のメジャーに切り替えるには、フィールドフィルターパネルを開く必要があります。image

      • カテゴリ軸に複数のディメンションフィールドが含まれている場合、バーの数は各ディメンションの一意の値の数を乗算した値になります。 たとえば、次の図では、バーの数は regions の数に order_levels の数を乗算した値になります。image

  2. [更新] をクリックします。チャートが自動的に更新されます。image

  3. (任意) [city] フィールドで特定の都市のデータのみを表示するには、フィルターを設定します。

    设置筛选条件

  4. (オプション)自動更新

    このオプションを有効にすると、システムがチャートデータを自動的に更新します。たとえば、このオプションを有効にし、期間を 5 に設定して、単位として分を選択すると、システムは 5 分ごとにチャートデータを更新します。

  5. (オプション)異なるディメンションの値にわたるデータトレンドをより適切に可視化するには、[分割/ディメンション] フィールドにディメンションを追加してファセットを作成してください。

    説明
    • 分割に追加できるディメンションフィールドは 1 つのみです。ファセットモードには次の制限があります。

      • フィールド: 分割/ディメンション内のフィールドでは、高度な計算機能は Top Nなし のみに対応しています。

      • [スタイル]:軸は二重 Y 軸に対応していません。補助表示設定は概要軸に対応していません。

      • [分析]:データインタラクションのみ利用できます。詳細設定、分析アラート、アノテーション、スマートインサイトは利用できません。

    • 多数のファセットを使用すると、ページの遅延が発生する可能性があります。最適なパフォーマンスを得るには、ファセットの数を 500 以下に制限してください。

    image

スタイルの設定

本セクションでは、チャートのスタイルオプションについて説明します。共通のスタイル設定については、「チャートタイトル領域の設定」をご参照ください。

設定パネルの上部にある [検索] ボックスにキーワードを入力すると、設定をすばやく見つけられます。また、image..png アイコンをクリックすると、すべてのカテゴリを展開/折りたたむこともできます。

条形搜索..gif

チャート スタイル

チャートスタイル セクションで、横棒グラフのスタイルを設定します。

image..png

パラメーター

説明

配色

横棒グラフの配色を設定します。

チャートの種類

チャートの種類を設定します。サポートされている種類は、 横棒グラフ、積み上げ横棒グラフ、100% 積み上げ横棒グラフ です。111

棒の幅

棒の幅を設定します。

配置

チャートの配置を [左] または [右] に設定します。

image..png

角の半径

棒の角の半径を設定します。111

[Stacked], [100% stacked]

Switch between horizontal bar, stacked horizontal bar, and 100% stacked horizontal bar charts.

111

シェイプフィル

[チャートの種類][横棒グラフ] に設定されている場合、数値を表すアイコンで棒の領域を塗りつぶすことができます。この場合、メジャー軸を無効にすることを推奨します。塗りつぶしには、 [アセット] または [画像フィールド] を使用できます。

  • アセット:各ディメンション値に異なるシェイプを設定します。組み込みのシステムアセットを使用するか、カスタム画像をアップロードできます。111

  • 画像フィールド:データセット内の画像フィールドの画像で領域を塗りつぶします。グループ化にはカテゴリ軸のディメンションを使用します。同じ値に複数の画像が対応する場合、デフォルトでは最初の画像を使用します。

    説明

    [画像フィールド] は、データセット画像フィールドが含まれており、そのフィールドタイプが画像(2)である場合にのみ使用できます。

    image

また、 [シェイプあたりの値][行数][レイアウトの圧縮] を設定できます。

  • シェイプあたりの値:シェイプ 1 つが表す数値を設定します。

  • 行数:デフォルトでは、シェイプは 1 行で表示されます。行数を 1 から 5 まで設定できます。111

  • レイアウトの圧縮:シェイプの間隔とサイズ比を維持しながら、メジャー軸に向かってレイアウトを圧縮します。圧縮レイアウトを有効にすると、値軸は意味のある基準ではなくなります。111

モバイルでのデフォルト選択

このオプションを有効にすると、 [デフォルト選択][グローバルディメンションの最後の値] または [指定系列の最後のディメンション値] に設定できます。

ファセット

ファセットモードでは、[ファセット] セクションでチャート配置のレイアウトとスタイルを設定できます。

説明

ファセットモードは、split/dimension フィールドにフィールドが指定されている場合にのみ使用できます。

image

パラメーター

説明

レイアウトスタイル

チャートのレイアウトを設定します。 [単一列比較] または [グリッド配置] を選択できます。

共有軸

チャートが軸を共有するかどうかを指定します。

111

セパレーターを表示

チャート間の区切り線を表示または非表示にします。

このオプションを有効にすると、区切り線の色とスタイルをさらに設定できます。111

「レイアウト」が グリッド配置 の場合、グラフの列数を設定できます。

デフォルトは [自動] です。要件に合わせて列数をカスタマイズすることもできます。111

説明
  • PC とモバイルの列数は、それぞれ個別に設定する必要があります。ページ上部の image アイコンを使用して、設定対象の端末を切り替えることができます。

  • 列数は、PC では 1~6、モバイルでは 1~3 の範囲で設定できます。

最小ファセットサイズ

各チャートの最小幅と最小高さを設定します。設定できる内容は、レイアウトスタイルによって異なります。

  • 単一列比較または自動列でのグリッド配置:ファセットブロックの最小幅のみ設定できます。

  • カスタム列グリッド配置: ファセットブロックの最小の幅と高さを設定できます。

間隔

チャート間の行間隔と列間隔を設定します。設定できる内容は、レイアウトスタイルによって異なります。

  • 単一列比較:グラフ間の列の間隔のみ設定できます。

  • グリッド配置: グラフ間の行と列の間隔を設定できます。

分割ラベル

位置

ディメンション値ラベルの表示位置を設定します。 [チャートの上] または [チャートの下] に配置できます。111

テキスト

ディメンション値ラベルのフォントの色とスタイルを設定します。111

配置

ディメンション値ラベルの配置を設定します。

[軸] セクションで、軸のスタイルを設定します。デフォルトでは、軸が表示されます。

[デュアル Y 軸を表示] を選択できます。デュアル Y 軸設定は、メジャーが 2 つ以上追加された場合にのみ有効になります。このオプションを選択すると、[軸] エリアに [上部 X 軸] オプションが表示されます。

image..png

パラメーター

説明

Y 軸

[Show Y-axis]

Y 軸の表示・非表示を切り替えます。

[Show title and unit]

Y 軸上の[軸のタイトル]と[単位]の表示・非表示を切り替えます。

[Show axis label]

Y 軸ラベルの表示・非表示を切り替えます。軸ラベルの表示ルールとテキストスタイルも設定できます。

[Display content]

表示内容を、一部またはすべてのディメンションに設定します。

image.png

[Show tick marks]

Y 軸の目盛りの表示・非表示を切り替えます。

[Show axis line]

Y 軸の軸線の表示・非表示を切り替えます。線の種類、線の幅、色も設定できます。

[Show gridlines]

Y 軸のグリッド線の表示・非表示を切り替えます。線の種類、線の幅、色も設定できます。

下部 X 軸

[Show lower X-axis]

下部 X 軸の表示・非表示を切り替えます。

[Show title and unit]

[軸のタイトル]と[単位]の表示・非表示を切り替えます。

[Show axis label]

下部 X 軸ラベルの表示・非表示を切り替えます。表示する場合、軸ラベルの表示形式テキストスタイルも設定できます。軸ラベルの表示形式は、Auto または Custom に設定できます。

  • デフォルトモードは Auto です。このモードでは、軸ラベルはメジャーフィールドの データ表示形式の設定 を継承します。複数のメジャーフィールドがある場合、最初のフィールドの形式が使用されます。

  • カスタム モードでは、image アイコンをクリックし、データ表示形式の設定 ダイアログボックスでデータ形式を設定します。 設定項目の詳細については、「データ表示形式 > カスタム」をご参照ください。

[Show tick marks]

下部 X 軸の目盛りの表示・非表示を切り替えます。

[Show axis line]

下部 X 軸の軸線の表示・非表示を切り替えます。線の種類、線の幅、色も設定できます。

[Show gridlines]

下部 X 軸のグリッド線の表示・非表示を切り替えます。線の種類、線の幅、色も設定できます。

軸の値範囲と間隔

  • 下部 X 軸の目盛り範囲の 最小値/最大値 は、自動 または手動で設定できます。

  • カスタム間隔 をステップ値または分割数で設定できます。

100.gif

説明

[デュアル Y 軸の表示] を選択すると、[上部 X 軸] も設定できます。パラメーターの設定は、[下部 X 軸] と同じです。

凡例

[凡例] セクションで、image アイコンをクリックしてチャートの凡例を有効にし、スタイルを設定します。

  • PC 設定

    image.png

    パラメーター

    説明

    内容

    [カテゴリ軸] フィールドと [カラー凡例] フィールドで同じディメンションを使用し、[グラフスタイル] セクションで [図形の塗りつぶし] が有効になっている場合、グラフに複数の凡例が表示されます。これにより、凡例に表示する内容を選択できます。111

    位置

    PC での凡例の表示位置と配置を設定します。

    • 表示位置を [上] または [下] に設定した場合:左、中央、または右の配置を選択できます。

    • 表示位置を [左] または [右] に設定した場合:上、中央、または下の配置を選択できます。また、凡例とチャート本体の間の距離を設定することもできます。

    テキスト

    PC での凡例のテキストスタイルを設定します。フォントの色、サイズ、太さ、斜体の有無を設定できます。

  • モバイル設定

    画像

    パラメーター

    説明

    位置

    モバイル端末での凡例の表示位置と配置を設定します。

    • 表示位置を [上] または [下] に設定した場合:左、中央、または右の配置を選択できます。

    • 表示位置を [左] または [右] に設定した場合:上、中央、または下の配置を選択できます。また、凡例とチャート本体の間の距離を設定することもできます。

    説明

    位置を [上] に設定すると、凡例の下にラベルを有効にできます。有効にした後は、カスタム配置はサポートされなくなります。

    テキスト

    モバイル端末での凡例内のメジャー名のテキストスタイルを設定します。フォントの色、サイズ、太さ、斜体の有無を設定できます。

    ラベル内容の表示

    位置に設定されている場合、image アイコンをクリックすると、凡例の下のラベルが有効になります。

    内容

    凡例の下のラベルに表示するデータを設定します。パーセンテージと合計を選択できます。

    • パーセンテージ:現在のディメンション内の合計に対する特定のデータポイントのパーセンテージ。たとえば、総収益に対する事務用品からの利益額のパーセンテージ。パーセンテージデータの表示を選択すると、[パーセンテージの小数点以下の桁数] でパーセンテージの小数点以下の桁数を 0、1、または 2 に設定することもできます。

    • 合計:現在のディメンション内のすべてのメジャーの合計。たとえば、2025 年のすべての地域の総売上額。

    スタイル

    凡例の下のラベルのレイアウトを設定します。以下のスタイルから選択できます。

    • 複数行均等分割: ラベルは、[行あたりの最大列数] に入力された列数と [ページあたりの最大行数] に入力された行数に基づいて、均等分割グリッドに自動的に配置されます。image

    • 単一行タイル表示: すべてのラベルの内容が 1 行で表示されます。image

    • プレーンテキスト: アイコンは表示されず、テキストのみが表示されます。テキストの色は、グラフ内の対応するメジャーの線の色と一致します。image

    未選択時のインジケーター表示

    スタイル複数行均等分割または単一行タイルに設定されている場合、凡例項目が選択されていないときのインジケーターの表示を、「-」または「」に設定できます。

    パーセンテージの位置

    [コンテンツ][パーセンテージ] データを選択し、[スタイル][多行均等分割] または [単一行タイル] に設定した場合、パーセンテージデータの表示位置をさらに設定できます。 値ラベルの [下] または [右] に配置できます。

    テキストスタイル

    [スタイル][複数行均等分割]または[単一行タイル]に設定されている場合、さらに[値]テキストのスタイルを設定できます。

    コンテンツで[パーセンテージ]データが選択されている場合、パーセンテージテキストに異なる書式を設定して[値]ラベルコンテンツと区別し、データ型間の視覚的な違いを強調できます。

    全文を表示

    スタイル複数行均等分割 に設定すると、長いメジャー名が省略されることがあります。メジャー名全体を表示する必要がある場合は、全文を表示 を選択できます。

    ツールチップフィールドを表示

    このオプションを選択すると、[ツールチップ/メジャー] 設定に追加されたフィールドが凡例エリアに表示されます。

    説明

    ディメンション値で分割する場合 (つまり、色の凡例がディメンションの場合) 、ツールチップフィールドの表示はサポートされません。

データ ラベル

[データ ラベル] セクションで、データ ラベルを表示するかどうかと、そのスタイルを設定します。

image

パラメーター

説明

フル表示

データラベルの完全表示を有効にすると、システムはラベルが重ならないように、ラベルの位置を自動的に調整します。データラベルが多すぎる場合、軸の領域を超えるため、一部が表示されない場合があります。また、[データラベルの重なりを許可] を選択することもできます。

位置

ラベルの表示位置を設定します。

[グラフのスタイル] セクションで [図形の塗りつぶし] が有効になっている場合、[外側の図形] のみがサポートされます。

テキスト

ラベルテキストのスタイルを設定します。

ツールチップ

[ツールチップ] セクションで、image アイコンをクリックしてツールチップを有効にし、表示を設定します。

  • PC 設定

    image

    パラメーター

    説明

    表示モード

    ツールチップ情報の表示方法を設定します。単一のデータポイントごとまたはディメンション値ごとを選択できます。

    内容

    ツールチップに表示する内容を選択します。使用できるオプションは、表示モードによって異なります:

    表示モードが 単一データポイント別 の場合、パーセンテージがサポートされます。表示モードが ディメンション値別 の場合、合計とパーセンテージがサポートされます。

    • 割合:現在のディメンション内の合計に対する特定のデータポイントの割合。たとえば、総収益に対する事務用品の利益額の割合などです。割合データを表示する場合、割合の小数点以下の桁数 で、その小数点以下の桁数を 0、1、または 2 に設定することもできます。

    • 合計:現在のディメンション内のすべてのメジャーの合計。たとえば、2025 年の全地域の総売上高などです。

    背景色

    ツールチップ ボックスの背景色を設定します。

    テキスト

    ツールチップ ボックス内のテキストのスタイル (文字色、サイズ、太さ、斜体の有無など) を設定します。

  • モバイル設定

    image

    パラメーター

    説明

    フローティングバブル

    image アイコンをクリックして、フローティングバブル 表示 (①) を有効にします。

    内容

    フローティングバブルに表示する内容を設定します。割合または合計を選択できます。

    • 割合:現在のディメンション内の合計に対する特定のデータポイントの割合。たとえば、総収益に対する事務用品の利益額の割合などです。割合データを表示する場合、割合の小数点以下の桁数 で、その小数点以下の桁数を 0、1、または 2 に設定することもできます。

    • 合計:現在のディメンション内のすべてのメジャーの合計。たとえば、2025 年の全地域の総売上高などです。

    背景色

    フローティングバブルの背景色を設定します。

    テキスト

    フローティングバブル内のテキストのスタイル (文字色、サイズ、太さ、斜体の有無など) を設定します。

    軸ディメンションの表示

    image アイコンをクリックして、軸ディメンション 表示 (②) を有効にします。

    背景色

    軸ディメンション ラベルの背景色を設定します。

    Text

    Set the style of the axis dimension label text, including font color, weight, and whether it is italicized.

系列設定

[シリーズ設定] セクションで、シリーズのスタイルを設定します。

image

説明

フィールド設定パネルで [Color Legend/Dimension] が有効になっている場合にのみ、[系列設定]でエイリアスと数値表示フォーマットを設定してください。

パラメーター

説明

[シリーズの選択]

ビジネスシナリオに基づいて、ディメンションまたはメジャー項目を選択します。

エイリアス

ビジネスシナリオに合ったフィールド名を設定します。

この項目は、カラー凡例/ディメンション が設定されている場合にのみ設定できます。

[データラベルの表示]

データラベルを表示するかどうかを選択し、その位置とテキスト形式を設定します。

シリーズの数値形式

シリーズ値の表示形式を設定します。自動またはカスタムを選択できます。

  • Auto: これはデフォルトオプションです。 シリーズ値は、対応するメジャーフィールドのデータ表示形式の設定を継承します。

  • カスタムimage アイコンをクリックして、[データ表示形式の設定] ダイアログボックスで表示ニーズに合わせてデータ形式を設定します。ダイアログボックスの設定項目の詳細については、「データ表示形式 > カスタム」をご参照ください。

この項目は、カラー凡例/ディメンションが設定されている場合にのみ設定できます。

[極値の表示]

チャート内の極値のラベルを表示するかどうかを指定します。このオプションを選択すると、極値ラベルの positiondisplay content (最大値/最小値)、ラベルの background fill color、およびラベルの text style を設定できます。

説明

この機能は、積み上げチャートおよび 100% 積み上げチャートではサポートされていません。

補助表示

[補助表示] セクションで、メトリックフィルターとビューコントロールの表示を設定します。

image

パラメーター

説明

メトリクスフィルターを有効化

チャート内のメトリクスフィルターを有効にするかどうかを指定します。有効にすると、デフォルトで選択されるメトリクスフィールド をさらに設定できます。

ビューコントロール

チャート軸のデータが密集しすぎてコンテナーに収まらない場合、image アイコンをクリックしてチャートビューコントロール を有効にします。これらのコントロールにより、ユーザーは表示されるデータ範囲 を対話的に調整できます。

チャートの軸の表示範囲を管理するには、オーバービュー軸スクロールバーの 2 種類のコントロールタイプを使用できます。

  • [概要軸] を選択すると、グラフの下部に全データセットの簡易トレンドチャート (概要軸) が表示されます。レポート閲覧者は、選択範囲をドラッグして、すべてのデータをすばやく閲覧したり、特定の範囲に焦点を合わせたりできます。概要軸は絶対座標系を使用します。つまり、選択された区間は、実際の軸上の固定数のデータ項目に直接対応します。この機能は、比較分析や直接的なナビゲーションが必要な複雑なシナリオに適しています。imageデフォルトでは、概要軸はデータ量がグラフコンテナの表示幅を超えた場合にのみ表示されます。概要軸を常に表示したい場合は、[常に表示] を選択します。選択後、グラフデータが画面を埋めていなくても、概要軸は常に表示されます。

  • [スクロールバー] を選択すると、グラフの右側に水平スクロールバーが表示されます。レポート閲覧者は、スライダーを水平にドラッグして表示ウィンドウを左右に移動できます。このスクロールバーは相対スケールを使用しており、スライダーの長さと位置は、表示ウィンドウと全データ範囲の比率によって決まります。これは一般的な閲覧シナリオに適しています。imageさらに、スクロールバーの最小カテゴリ幅を設定することで、現在のグラフウィンドウ内のデータ量を制限できます。これにより、グラフのコンテンツが表示領域に明確に表示されるようになり、データラベルの重なりやデータポイントの過密化による視覚的な乱雑さを回避できます。デフォルトの最小カテゴリ幅は 32 px で、値の範囲は 16 ~ 100 px です。

    最小カテゴリ幅 を設定すると、チャートの完全表示に割り当てられる実際のカテゴリ幅 がこの値 より小さい場合に、スクロールバー が表示されます。スクロールバー が有効になると、チャート要素とデータラベル は座標系 の矩形エリア 内に制約されます。このエリア を超える部分 (マーカーポイントやデータラベルなど) は、自動的に切り捨てられるか、収まるように再配置されます。

説明
  • ビューコントロールが設定されておらず、グラフサイズが小さすぎる場合、システムによってビューコントロールが自動的に有効になります。デフォルトでは、データ量がグラフコンテナの表示幅を超えた場合にのみ表示される概要軸が選択されます。

  • ビューコントロール機能 は、ファセットモード ではサポートされていません。

分析設定

セクション

パラメーター

説明

データインタラクション

ドリルダウン

ドリルダウンフィールドを設定している場合は、ドリルダウンレベルの表示スタイルを設定できます。

[連携]

分析対象のデータが異なるチャートにある場合は、チャート連携を使用して複数のチャートを関連付け、データ分析を行えます。詳細については、「連携の設定と表示」をご参照ください。

[ハイパーリンク]

分析対象のデータが複数のダッシュボードにある場合は、ダッシュボードのハイパーリンクを使用してダッシュボードをリンクし、データ分析を行えます。ハイパーリンクには [パラメーターハイパーリンク] と [外部リンク] の 2 種類があります。詳細については、「ハイパーリンクの設定と表示」をご参照ください。

[分析アラート]

[参照線]

参照線は、現在のメジャー値を指定した値と比較するのに役立ちます。参照線の値は固定値、または平均値、最大値、最小値、中央値などの計算値にできます。詳細については、「参照線」をご参照ください。

[近似曲線]

近似曲線を使用して、現在のデータの全体的な推移傾向を表示します。近似曲線の種類には、Intelligent Recommendation、線形、対数、指数、多項式、べき関数があります。詳細については、「近似曲線」をご参照ください。

[アノテーション]

-

アノテーションを使用して、色のハイライト、アイコン、コメントの追加、または他のデータポイントとの関連付けにより、異常または注目すべきデータポイントに注意を促します。これにより、異常を特定して対処できます。詳細については、「アノテーション」をご参照ください。

次のステップ

  • 他のユーザーがダッシュボードを表示できるようにするには、特定のユーザーと共有してください。詳細については、「ダッシュボードの共有」をご参照ください。

  • 関連トピック用の複雑なナビゲーションメニューを構築するには、ダッシュボードをデータポータルに統合してください。詳細については、「PC データポータルの作成」をご参照ください。