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

Quick BI:横棒グラフ

最終更新日:Jun 23, 2025

横棒グラフは、2 次元データセットを表示し、データ分布を示すのに適しています。1 つの軸は比較のためのカテゴリ次元を表し、もう 1 つの軸は対応する値を表します。たとえば、X 軸は月を表示し、Y 軸は製品の売上高を表示します。このトピックでは、横棒グラフにデータを追加する方法と、スタイルを構成する方法について説明します。

制限

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

  • 横棒グラフは、[値軸 (メジャー)][カテゴリ軸 (ディメンション)]、および [カラー凡例] で構成されます。

    • [値軸 (メジャー)] には、order_number や profit_amt など、少なくとも 1 つのメジャーを指定する必要があります。

    • [カテゴリ軸 (ディメンション)] には、province や product_type など、少なくとも 1 つのディメンションを指定する必要があります。

    • 色の凡例(次元)には、shipping_type など、1 つの次元のみを指定できます。

      説明

      値軸(メジャー)にメジャーが 1 つしかない場合にのみ、カラー凡例(ディメンション)を指定できます。

概要

  • シナリオ

    横棒グラフは、異なるカテゴリのデータを比較するのに役立ちます。列の長さは値を示します。

  • 利点

    • 強力な計算機能: 横棒グラフでは、比較、累積計算、グリッド線、傾向線などのパラメータを構成できます。

    • 豊富なデータ可視化: 横棒グラフのグラフタイプは、横棒グラフ、積み上げ横棒グラフ、100% 積み上げ横棒グラフにすることができます。横棒グラフでは、ラベル、凡例の表示、スクロールバーの表示などのパラメータを構成できます。

  • サンプルチャートimage

グラフデータの構成

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

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

    • [ディメンション] リストで product_type を見つけて、[カラー凡例] (ディメンション) セクションに追加します。

    • [メジャー] リストで shipping_cost を見つけて、[値軸(メジャー)] セクションに追加します。

      説明

      同じフィールドを [カテゴリ軸] セクションと [カラー凡例] セクションの両方にドラッグして、ディメンション値に基づいて異なる色を割り当てることができます。さまざまなシナリオでの実装効果は次のとおりです。

      • [カテゴリ軸][値軸] の両方にフィールドが1つだけ含まれている場合、列数はカテゴリ軸のディメンション値の数と同じになります。image

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

      • [カテゴリ軸] に複数のディメンションフィールドが含まれている場合、列数は各ディメンションの値の数を乗算することによって計算されます。たとえば、次の図では、列数 = 地域ディメンション値の数 × 注文レベルディメンション値の数です。image

  2. [更新] をクリックします。システムは自動的にグラフを更新します。image

  3. (オプション) [市区町村] で特定の市区町村のデータのみを表示する場合は、フィルターを設定して必要なデータを表示できます。

    设置筛选条件

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

    [自動更新] を選択すると、システムは指定された時間間隔で横棒グラフを自動的に更新します。たとえば、[自動更新] を選択し、5 と入力して、min を選択すると、システムは 5 分ごとに横棒グラフを更新します。

  5. 分割/ディメンション(オプション) にディメンションフィールドを追加し続け、ファセットモードでさまざまなディメンション値におけるデータの傾向をより直感的に表示できます。

    説明

    分割ディメンションフィールドは 1 つだけ追加でき、ファセットモードには次の機能制限があります。

    • フィールド: 分割/ディメンションのフィールドの場合、高度な計算機能では topN と None の設定のみがサポートされています。

    • スタイル: 座標軸では、二重 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

グラフ構成項目

説明

レイアウトスタイル

単一列の比較グリッド分散グラフ配置レイアウトを設定します。 と の 2 つのモードがサポートされています。

共有座標軸

グラフで同じ座標軸を共有する必要があるかどうかを設定します。

111

セパレータを表示

グラフ間に区切り文字を表示するかどうかを設定します。

表示に設定すると、区切り文字の色とスタイルをさらに構成できます。111

列数

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

デフォルトは自動です。実際のニーズに基づいて列数をカスタマイズすることもできます。111

説明
  • PC 端末とモバイル端末の列数は個別に構成する必要があります。現在のページの上部にある image を使用して、構成する端末を切り替えることができます。

  • PC 端末で構成可能な範囲は 1 ~ 6 列です。モバイル端末の場合は 1 ~ 3 列です。

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

各グラフの最小幅と高さを設定します。レイアウトスタイルによって、サポートされる構成オプションが異なります。

  • 単一行比較、自動列が有効なグリッド分布: ファセットブロックの最小幅の設定のみをサポートします。

  • カスタム列が有効なグリッド分散: ファセットブロックの最小幅と高さの両方を構成できます。

行と列の間隔

グラフ間の行と列の間隔を設定します。レイアウトスタイルによって、サポートされる構成オプションが異なります。

  • 単一行比較: グラフ間の列間隔の設定のみをサポートします。

  • グリッド分布: グラフ間の行間隔と列間隔の両方の設定をサポートします。

分割ラベル

ポジション

プラグインの手動インストール:以下のチャートディメンション値ラベルの表示位置を設定します。 または に表示するように設定できます。111

テキスト

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

配置

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

座標軸

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

[Show Dual Y Axes] を選択できます。この設定は、追加されたメジャーの数が 2 以上の場合にのみ有効になります。このオプションを選択すると、[Upper X Axis][座標軸] セクションに表示されます。

image..png

名前

構成項目

説明

Y軸

Y軸を表示

Y 軸を表示するかどうかを指定します。

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

Y 軸に [軸タイトル][単位] を表示するかどうかを指定します。

[軸ラベルを表示]

軸ラベルの表示ルールとテキストスタイルと共に、Y 軸にラベルを表示するかどうかを指定します。

表示内容

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

image.png

目盛りを表示

Y 軸に目盛りを表示するかどうかを指定します。

[軸を表示]

線の種類、線の幅、色を含め、Y 軸を表示するかどうかを指定します。

[グリッド線を表示]

線の種類、線の幅、色を含め、Y 軸にグリッド線を表示するかどうかを指定します。

X軸下限

下部の X 軸を表示

X軸の下部を表示するかどうかを指定します。

タイトルと単位を表示

[軸タイトル][単位] を表示するかどうかを指定します。

軸ラベルの表示

ラベルと目盛りの範囲、軸ラベルの表示形式設定 と共に、下部の X 軸にラベルを表示するかどうかを指定します。

目盛りを表示

下部の X 軸に目盛りを表示するかどうかを指定します。

[軸を表示]

線の種類、線の幅、および色を含め、下部の X 軸を表示するかどうかを指定します。

[グリッド線の表示]

下部の X 軸にグリッド線を表示するかどうかを指定します。線の種類、線の幅、および色も指定できます。

[軸値の範囲と間隔]

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

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

100.gif

説明

[上部 X 軸] は、[二重 Y 軸を表示] が選択されている場合にのみ構成する必要があります。パラメーター構成は、[下部 X 軸] のパラメーター構成と同じです。

凡例

凡例 セクションで、凡例を表示するかどうかと凡例のスタイルを設定します。

  • PC 構成

    image.png

    チャート構成項目

    [説明]

    コンテンツ

    カテゴリ軸 セクションのフィールドが 色の凡例 セクションのフィールドと同じであり、描画領域 セクションで グラフィックの塗りつぶし が有効になっている場合、チャートには複数の凡例が含まれます。ここで、凡例に表示するコンテンツを選択できます。111

    [位置]

    凡例の表示位置を設定します。次の 4 つの凡例表示方法がサポートされています。

    image

    [テキスト]

    凡例テキストのスタイルを設定します。

  • モバイル構成

    image.png

    チャート構成項目

    [説明]

    位置/複数行均等分割表示

    [複数行均等分割表示] メソッドを選択すると、メジャーメトリクスを複数行で表示できます。次に例を示します。

    Untitled.gif

    太字のテキスト複数行均等分割表示全文を表示 方法の が長すぎて非表示になる場合は、 機能を使用して完全に表示できます。例:

    image.png

    位置/単一行タイル表示

    このオプションを選択すると、複数の行のメジャーメトリック単一行タイル表示方式に変更できます。

    Untitled.gif

    [メトリック表示]

    メトリックが 選択されていない 場合、表示効果はデフォルトで "-" になります。 "empty" 表示効果に切り替えることができます。

    Untitled.gif

凡例

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

image.png

チャート設定項目

[説明]

すべて表示

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

コンテンツ

単一のデータポイント別表示方法がの場合、パーセンテージがサポートされます。

ディメンション値別表示方法が の場合、合計とパーセンテージがサポートされます。

[位置]

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

テーブルプレフィックス描画領域外形 セクションで が有効になっている場合、 のみ選択できます。

[テキスト]

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

ツールチップ

マウスがチャート上をホバーしたときに表示されるツールチップの表示方法、コンテンツ、背景色、およびテキストスタイルを設定します。

image.png

チャート設定項目

説明

表示方法

ディメンション値別ツールチップの表示方法を設定します。 2 つの方法がサポートされています。データポイントごとと です。

  • 単一のデータポイントごと: ツールチップは、マウスがホバーしているデータポイントに関連付けられたデータのみを表示します。

  • ディメンション値別: ツールチップには、同じディメンション値のすべてのデータが表示されます。

コンテンツ

ツールチップに表示するデータコンテンツを選択します。

  • 単一のデータポイント別パーセンテージ表示方法が の場合、 を選択できます。この場合、パーセンテージは、現在のディメンションにおけるすべてのメジャー値の合計に対するデータポイントの割合を表します。

  • ディメンション値別合計パーセンテージ表示方法が の場合、 と を選択できます。この場合、合計は現在のディメンションにおけるすべてのメジャー値の合計である合計値を表します。パーセンテージは、現在のディメンションにおけるすべてのメジャー値の合計に対するデータポイントの割合を表します。

背景色

背景色を設定します。

テキスト

ツールチップのテキストスタイルを設定します。

説明

モバイル レイアウトに切り替える際に、モバイル デバイスで [ツールチップ]モバイル デバイス を表示するかどうかを制御できます。image.png

シリーズ設定

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

image..png

説明

[シリーズ設定] でエイリアスと値の表示形式の設定を行う必要があるのは、[カラー凡例(Dim)] が有効になっている場合のみです。

チャート設定項目

[説明]

[系列の選択]

系列。ビジネス要件に基づいて、メジャーまたはディメンションを指定できます。

座標軸

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

[データラベルの表示]

ラベルの色と位置を含め、データラベルを表示するかどうかを指定します。

[極値の表示]

折れ線グラフに最小値と最大値のラベルを表示するかどうかを指定します。

説明

このパラメータは、積み上げ横棒グラフと 100% 積み上げ横棒グラフでは使用できません。

補助表示

補助ディスプレイ セクションで、メトリックフィルタリング表示とスクロールバーを設定します。

image..png

チャート設定項目

[説明]

メトリックフィルタリング表示の有効化

この機能を有効にするかどうかを指定します。有効にした後、デフォルトで選択されているメトリックフィールドを設定します。

サムネイル軸の表示

スクロールバーの表示方法を設定します。

チャート分析の設定

設定項目

名前

[説明]

データインタラクション

ドリルダウン

フィールドパネルでドリルダウンフィールドの設定が完了したら、ここでドリルダウンレベル行の表示スタイルを設定できます。

[連動]

分析するデータが異なるチャートまたはテーブルに属している場合は、この機能を設定してチャートとテーブルを関連付けてから、データを分析できます。詳細については、「連動の設定と表示」をご参照ください。

[ハイパーリンク]

分析するデータが異なるダッシュボードに属している場合は、この機能を設定してダッシュボードを関連付けてから、データを分析できます。ハイパーリンクには、[パラメータハイパーリンク][外部リンク] が含まれます。詳細については、「ハイパーリンクの設定と表示」をご参照ください。

[分析アラート]

[補助線]

補助線は、メジャーの値と補助線で示される参照値の差を示すために使用できます。参照値は固定値または計算値です。平均、最大、最小、中央値などの計算値を使用できます。詳細については、「補助線」をご参照ください。

[トレンドライン]

トレンドラインは、データの全体的な傾向を示すために使用できます。トレンドラインは、スマート推奨、線形、対数、指数、多項式、累乗の 6 つのタイプに分類されます。詳細については、「分析アラート」をご参照ください。

[注釈]

-

強調表示されたメジャー、アイコン、コメント、またはデータポイントをラベルとして使用して、チャートで異常または注目しているデータをマークできます。これは、データの例外を識別し、問題を修正するのに役立ちます。詳細については、「注釈」をご参照ください。

次のステップ

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

  • テーマ分析用のナビゲーションメニューを含む複雑なダッシュボードを作成する必要がある場合は、作成したダッシュボードをデータポータルに統合できます。詳細については、「PC データポータルを作成する」をご参照ください。