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

Quick BI:横棒グラフ

最終更新日:Apr 03, 2026

横棒グラフは、2 次元のデータセットを可視化してデータの分布を示すのに最適です。一方の軸は比較したいカテゴリを表し、もう一方の軸は対応する値を表します。たとえば、横棒グラフを使用して、さまざまなリージョン (Y 軸) の製品売上 (X 軸) を表示できます。このトピックでは、横棒グラフにデータを追加し、そのスタイルを設定する方法について説明します。

概要

  • 利用シーン

    横棒グラフは、異なるグループ間の値を比較するためのシンプルで直感的な方法を提供します。各棒の長さにより、一目でデータの違いを簡単に確認できます。

  • メリット

    • 計算機能:期間ごとの比較計算や累積計算を簡単に設定でき、スマートなリファレンスラインやトレンドラインを追加できます。

    • 可視化オプション:横棒グラフ、積み上げ横棒グラフ、100% 積み上げ横棒グラフから選択できます。データラベル、凡例、サムネイル軸などでチャートをカスタマイズできます。

  • image

制限事項

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

  • 横棒グラフは、[値軸 (メジャー)][カテゴリ軸 (ディメンション)][色の凡例 (ディメンション)] の各フィールドを使用して設定します。

    • 値軸は、データのメジャーによって決まります。注文数量や利益額など、少なくとも 1 つのメジャーを選択する必要があります。

    • カテゴリ軸は、データのディメンションによって決まります。都道府県や製品タイプなど、少なくとも 1 つのディメンションを選択する必要があります。

    • 色の凡例は、データのディメンションによって決まります。配送方法など、最大 1 つのディメンションを選択できます。

      説明

      色の凡例は、[値軸 (Mea.)] フィールドに単一のメジャーが含まれている場合にのみ設定できます。

    • ファセットは、データのディメンションによって決まります。製品タイプなど、最大 1 つのディメンションを選択できます。

チャートデータの設定

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

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

    • [ディメンション] リストで product_type を見つけ、[色の凡例 (ディメンション)] フィールドに追加します。

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

      説明

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

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

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

      • [カテゴリ軸] に複数のディメンションフィールドが含まれている場合、棒の数は各ディメンションの値の数の積になります。たとえば、次の図では、棒の数はリージョン値の数と注文レベル値の数の積に等しくなります。image

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

  3. (任意) 特定の都市のデータのみを表示したい場合は、[都市] フィールドにフィルターを設定して、必要なデータのみを表示できます。

    设置筛选条件

  4. (任意) 自動更新

    このオプションを有効にすると、指定した間隔でチャートデータが自動的に更新されます。たとえば、間隔を 5 分に設定すると、システムは 5 分ごとにデータを更新します。

  5. (任意) [ファセット/ディメンション] フィールドに別のディメンションフィールドを追加して、ファセットビューで異なるディメンション値のデータトレンドを表示できます。

    説明

    ファセットには 1 つのディメンションフィールドしか追加できません。ファセットモードには次の制限事項があります。

    • フィールド[ファセット/ディメンション] のフィールドでは、高度な計算機能は TopN と None のみをサポートします。

    • スタイル[軸] セクションで 2 本の Y 軸を有効にすることはできません。[チャートスタイル] セクションでチャートの配置を設定することはできません。補助表示設定でサムネイル軸を設定することはできません。

    • 分析:データインタラクションのみがサポートされます。高度な設定、分析とアラート、アノテーション、スマートインサイトはサポートされていません。

    image

スタイルの設定

本セクションでは、チャートのスタイル設定について説明します。全般的なスタイル設定については、「チャートタイトルエリアを設定する」をご参照ください。

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

条形搜索..gif

チャートスタイル

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

image..png

パラメーター

説明

色の設定

横棒グラフの色を設定できます。

チャートタイプ

チャートタイプを設定します。有効な値:横棒グラフ、積み上げ横棒グラフ、100% 積み上げ横棒グラフ111

棒の幅

棒の幅を設定できます。

配置

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

image..png

角の半径

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

積み上げ100% 積み上げ

横棒グラフ、積み上げ横棒グラフ、100% 積み上げ横棒グラフを切り替えます。

111

グラフィック塗りつぶし

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

  • 素材:各ディメンション値に異なるグラフィックパターンを設定します。組み込みの素材から選択するか、カスタムイメージをアップロードできます。111

  • イメージフィールド:データセットのイメージフィールドから画像を選択して棒を塗りつぶします。カテゴリ軸のディメンションがグループ化に使用されます。複数の画像が同じ値に対応する場合、デフォルトで最初の画像が使用されます。

    説明

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

    image

また、[グラフィックあたりの値][行数]、および [コンパクトレイアウト] を使用するかどうかを設定できます。

  • グラフィックあたりの値:1 つのグラフィックが表す数値を設定します。

  • 行数:デフォルトでは、グラフィックは 1 行で表示されます。1〜5 行で表示できます。111

  • コンパクトレイアウト:間隔とサイズの比率を維持しながら、値軸に向かって圧縮します。有効にすると、値軸は信頼できるリファレンスではなくなります。111

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

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

ファセット

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

説明

ファセットモードは、[ファセット/ディメンション] フィールドにフィールドが設定されている場合にのみアクティブになります。

image

パラメーター

説明

レイアウトスタイル

チャートのレイアウトを設定します。利用可能なモードは [1 列比較][グリッド分布] です。

共有軸

ファセット化されたチャートが軸を共有するかどうかを指定します。

111

区切り線を表示

チャート間に区切り線を表示するかどうかを指定します。

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

列数

レイアウトスタイルが [グリッド分布] に設定されている場合、グリッドの列数を設定できます。

デフォルトは自動ですが、必要に応じて列数をカスタマイズすることもできます。111

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

  • PC は 1〜6 列をサポートします。モバイルは 1〜3 列をサポートします。

ファセットブロックの最小幅/高さ

各チャートの最小幅と高さを設定します。設定可能なオプションは、レイアウトスタイルによって異なります。

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

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

行/列の間隔

チャート間の行と列の間隔を設定します。設定可能なオプションは、レイアウトスタイルによって異なります。

  • 1 列比較:チャート間の列の間隔のみを設定できます。

  • グリッド分布:チャート間の行と列の両方の間隔を設定できます。

ファセットラベル

位置

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

テキスト

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

配置

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

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

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

image..png

名前

パラメーター

説明

Y 軸

Y 軸を表示

Y 軸を表示または非表示にします。

[タイトルと単位を表示]

Y 軸の [軸タイトル][単位] を表示または非表示にします。

[軸ラベルを表示]

Y 軸のラベルを表示または非表示にします。[軸ラベルの表示ルールとテキストスタイル] も設定できます。

表示コンテンツ

一部またはすべてのディメンションを表示するかどうかを設定します。

image.png

目盛りを表示

Y 軸の目盛りを表示または非表示にします。

[軸線を表示]

Y 軸の線を表示または非表示にします。線の種類、幅、色も設定できます。

グリッド線

Y 軸のグリッドラインを表示または非表示にします。線の種類、幅、色も設定できます。

下 X 軸

下 X 軸を表示

下 X 軸を表示または非表示にします。

[タイトルと単位を表示]

[軸タイトル][単位] を表示または非表示にします。

[軸ラベルを表示]

下 X 軸のラベルを表示または非表示にします。[ラベルと目盛りの範囲、および軸ラベルの表示フォーマット] も設定できます。

目盛りを表示

下 X 軸の目盛りを表示または非表示にします。

[軸線を表示]

下 X 軸の線を表示または非表示にします。線の種類、幅、色も設定できます。

グリッド線

下 X 軸のグリッドラインを表示または非表示にします。線の種類、幅、色も設定できます。

軸の値の範囲と間隔

  • 下 X 軸のラベルと目盛りの範囲の [最大値/最小値][自動] および手動設定をサポートします。

  • ステップまたは分割数による [カスタム間隔] の設定をサポートします。

100.gif

説明

[デュアル Y 軸] を選択した場合にのみ、[上 X 軸] を設定する必要があります。パラメーターは [下 X 軸] と同じです。

凡例

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

  • PC 設定

    image.png

    パラメーター

    説明

    コンテンツ

    [カテゴリ軸][色の凡例] に同じフィールドが使用され、[チャートスタイル] セクションで [グラフィック塗りつぶし] が有効になっている場合、チャートに複数の凡例が表示されることがあります。この設定を使用して、表示する凡例のコンテンツを選択します。111

    位置

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

    • 表示位置が [上] または [下] に設定されている場合、左、中央、または右の配置を選択できます。

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

    テキスト

    PC での凡例のテキストスタイルを設定します。フォントの色、サイズ、太さ、イタリック体にするかどうかなどが含まれます。

  • モバイル設定

    image

    パラメーター

    説明

    位置

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

    • 表示位置が [上] または [下] に設定されている場合、左、中央、または右の配置を選択できます。

    • 表示位置が [左] または [右] に設定されている場合、上、中央、または下の配置を選択できます。凡例とチャートコンテンツの間の距離も設定できます。

    説明

    位置が [上] に設定されている場合、凡例の下にラベルを有効にできます。有効にすると、カスタム配置はサポートされません。

    テキスト

    モバイルでの凡例のメジャー名のテキストスタイルを設定します。フォントの色、サイズ、太さ、イタリック体にするかどうかなどが含まれます。

    ラベルコンテンツの表示

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

    コンテンツ

    凡例の下のラベルに表示するデータコンテンツを設定します。オプションには、パーセンテージと合計が含まれます。

    • パーセンテージ:現在のディメンション内の合計に対するデータポイントの割合。たとえば、総収益に対する事務用品からの利益額の割合。

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

    スタイル

    凡例の下のラベルのレイアウトスタイルを設定します。次のオプションが利用可能です。

    • 複数行均等配置[1 行あたりの最大表示数] で設定された列数と [1 ページあたりの最大表示数] で設定された行数に基づいて、ラベルを均等に配置されたグリッドに自動的に配置します。image

    • 1 行タイル:すべてのラベルコンテンツが 1 行で表示されます。image

    • テキストのみ:アイコンなしでテキストコンテンツのみを表示します。テキストの色は、チャート内の対応するメジャーの色と一致します。image

    未選択時のメトリック表示

    [スタイル][複数行均等配置] または [1 行タイル] に設定されている場合、ユーザーが凡例項目を選択していないときのメトリックの表示方法を設定できます。「-」または [空] として表示することを選択できます。

    パーセンテージの位置

    [コンテンツ][パーセンテージ] データが選択され、[スタイル][複数行均等配置] または [1 行タイル] に設定されている場合、パーセンテージデータの表示位置を設定できます。オプションは、数値ラベルの [下] または [右] です。

    テキストスタイル

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

    コンテンツに [パーセンテージ] データを表示するように選択した場合、パーセンテージデータのテキストフォーマットを設定して、[値] と視覚的に区別することができます。

    パーセンテージの小数点以下の桁数

    [コンテンツ][パーセンテージ] が選択されている場合、必要に応じてパーセンテージの小数点以下の桁数を調整できます。

    全文表示

    [スタイル][複数行均等配置] または [1 行タイル] に設定されている場合、長いメジャー名が切り捨てられることがあります。完全なメジャー名を表示する必要がある場合は、[全文表示] を選択できます。

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

    選択後、フィールドパネルの [ツールチップ/メジャー] セクションで設定されたフィールドが凡例エリアに表示されます。

    説明

    色の凡例がディメンションに基づいている場合、ツールチップフィールドの表示はサポートされません。

データラベル

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

image..png

パラメーター

説明

完全表示

すべてのデータラベルを表示するかどうかを指定します。

位置

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

[チャートスタイル] セクションで [グラフィック塗りつぶし] が有効になっている場合、利用可能な位置は [グラフィックの外側] のみです。

テキスト

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

ツールチップ

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

  • PC 設定

    image

    パラメーター

    説明

    表示モード

    ツールチップの表示モードを設定します。[単一データポイント] と [ディメンション値ごと] の 2 つのモードがサポートされています。

    コンテンツ

    ツールチップに表示するデータコンテンツを選択します。利用可能なオプションは設定によって異なります。

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

    • パーセンテージ:現在のディメンション内の合計に対するデータポイントの割合。たとえば、総収益に対する事務用品からの利益額の割合。

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

    背景色

    ツールチップの背景の塗りつぶし色を設定します。

    テキスト

    ツールチップ内のテキストのスタイルを設定します。フォントの色、サイズ、太さ、イタリック体にするかどうかなどが含まれます。

  • モバイル設定

    image

    パラメーター

    説明

    フローティングバブル

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

    コンテンツ

    フローティングバブルに表示するデータコンテンツを設定します。オプションには、パーセンテージと合計が含まれます。

    • パーセンテージ:現在のディメンション内の合計に対するデータポイントの割合。たとえば、総収益に対する事務用品からの利益額の割合。

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

    背景色

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

    テキスト

    フローティングバブル内のテキストのスタイルを設定します。フォントの色、サイズ、太さ、イタリック体にするかどうかなどが含まれます。

    軸ディメンションの表示

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

    背景色

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

    テキスト

    軸ディメンションラベルのスタイルを設定します。フォントの色、太さ、イタリック体にするかどうかなどが含まれます。

系列設定

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

image..png

説明

[シリーズ設定]」セクションでエイリアスと数値表示フォーマットを設定する必要があるのは、「[カラーレジェンド (次元)]」が有効になっている場合のみです。

パラメーター

説明

シリーズ

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

デフォルト、主軸、または第 2 軸に設定します。

ラベルの表示

データラベルを表示または非表示にします。 色と位置も設定できます。

境界値の表示

シリーズ内の最大値と最小値のラベルを表示します。

説明

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

補助表示

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

image

パラメーター

説明

メジャーフィルターを有効化

チャート内のメジャーフィルターを有効または無効にします。有効にすると、デフォルトで選択されるメジャーフィールドを設定できます。

ビューコントロール

チャート軸のデータがコンテナ内に完全に表示するには密度が高すぎる場合、image アイコンをクリックしてチャートビューコントローラーを有効にできます。これにより、スライドしてチャートの表示範囲を動的に調整でき、データの整合性と可読性を確保しながら柔軟なユーザーエクスペリエンスを提供します。

チャート軸の表示範囲を管理するために、次の 2 種類のコントロールを使用できます:サムネイル軸スクロールバー

  • サムネイル軸は、チャートの下部にデータセット全体のミニチュア概要を表示します。ユーザーは選択領域をドラッグして、すべてのデータをすばやく閲覧したり、特定の範囲にフォーカスしたりできます。サムネイル軸は絶対座標を使用します。つまり、選択された間隔は実際の軸上の固定数のデータバーに直接対応します。これは、比較分析や直接的な位置決めが必要な複雑なシナリオに適しています。imageデフォルトでは、サムネイル軸はデータ量がチャートコンテナの表示可能幅を超えた場合にのみ表示されます。サムネイル軸を常にチャートに表示したい場合は、[常に表示] を選択できます。選択後、データがチャート領域を埋め尽くしていなくても、サムネイル軸は常に表示されます。

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

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

説明

チャートにビューコントロールが設定されておらず、チャートサイズが小さすぎる場合、システムは自動的にビューコントロールを有効にし、サムネイル軸を選択します。これは、データ量がチャートコンテナの表示可能幅を超えた場合にのみ表示されます。

チャート分析の設定

カテゴリ

名前

説明

データインタラクション

ドリルダウン

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

連携

分析が複数のチャートにまたがる場合は、リンケージを使用してそれらを接続します。詳細については、「リンケージの設定と表示」をご参照ください。

ハイパーリンク

分析したいデータが複数のダッシュボードにまたがって存在する場合、ダッシュボードのハイパーリンクを使用してそれらをリンクさせ、データ分析を行うことができます。ハイパーリンクは [パラメーター] または [外部リンク] のいずれかです。詳細については、「ハイパーリンクの設定と表示」をご参照ください。

[分析とアラート]

基準線

リファレンスラインは、メジャー値をベンチマークと比較するのに役立ちます。このベンチマークは、固定値または計算値 (平均、最大、最小、中央値など) にすることができます。詳細については、「リファレンスライン」をご参照ください。

トレンドライン

トレンドラインは、現在のデータの全体的な傾向を示します。利用可能なトレンドラインの種類は、インテリジェント、線形、対数、指数、多項式、およびべき乗です。詳細については、「トレンドライン」をご参照ください。

アノテーション

-

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

次のステップ

  • 他の人がダッシュボードを閲覧できるようにするには、ダッシュボードを共有します。詳細については、「ダッシュボードの共有」をご参照ください。

  • ナビゲーションメニュー付きの複雑な分析を作成するには、ダッシュボードを BI ポータルに統合します。詳細については、「PC BI ポータルの作成」をご参照ください。