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

Quick BI:縦棒グラフ

最終更新日:Mar 01, 2026

縦棒グラフは、時間の経過に伴う傾向を示し、さまざまなカテゴリの値を比較します。たとえば、縦棒グラフを使用すると、異なる期間における交差点のトラフィックフローを比較できます。このトピックでは、縦棒グラフにデータを追加し、そのスタイルを設定する方法について説明します。

概要

  • 利用シーン

    縦棒グラフはシンプルで直感的です。棒の長さが値を明確に示し、グループ間の差異や傾向を簡単に比較できます。

  • メリット

    • 計算機能:ワンクリックで前年比や前月比の比較、累計計算、インテリジェント補助線、トレンドラインを設定できます。

    • 可視化オプション:縦棒グラフ、積み上げ縦棒グラフ、100% 積み上げ縦棒グラフをサポートしています。また、ラベル、凡例、スクロールバーも表示できます。

    • データ比較とラベリング:同じ期間のデータを比較し、数値をラベルで表示できます。

  • レンダリング例

    image

制限事項

縦棒グラフは、[値軸 (メジャー)][カテゴリ軸 (ディメンション)][色の凡例 (ディメンション)] の 3 つのコンポーネントを使用します。

  • [カテゴリ軸 (ディメンション)] には、省や製品タイプなど、少なくとも 1 つのディメンションを選択する必要があります。

  • [値軸 (メジャー)] には、注文数や利益額など、少なくとも 1 つのメジャーを選択する必要があります。

  • [色の凡例 (ディメンション)] には、配送方法など、1 つのディメンションのみ選択できます。

    説明

    [色の凡例 (ディメンション)] は、[値軸 (メジャー)] にメジャーが 1 つだけ含まれている場合にのみ有効にできます。

  • [分割 (ディメンション)] には、製品タイプなど、1 つのディメンションのみ選択できます。

チャートフィールドの設定

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

    • [ディメンション] リストで [省] を見つけ、ダブルクリックするか、[カテゴリ軸 (ディメンション)] エリアにドラッグします。

    • [ディメンション] リストで [製品タイプ] を見つけ、ダブルクリックするか、[色の凡例 (ディメンション)] エリアにドラッグします。

    • [メジャー] リストで [送料] を見つけ、ダブルクリックするか、[値軸 (メジャー)] エリアにドラッグします。

      説明

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

      • [カテゴリ軸] に 1 つのフィールド、[値軸] に 1 つのフィールドがある場合、列の数はカテゴリ軸の値の数と等しくなります。image

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

      • [カテゴリ軸] に複数のディメンションがある場合、列の数は各ディメンションの値の数の積になります。たとえば、下の図では、列数 = (リージョン値の数) × (注文レベル値の数) となります。image

  2. [更新] をクリックしてチャートをリフレッシュします。

    image

  3. 特定の [リージョン] のデータを表示するには、フィルターを設定して必要なデータを抽出できます。image

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

    このオプションを有効にすると、チャートを定期的に自動更新できます。たとえば、自動更新を有効にし、間隔を [5] に設定し、[分] を選択すると、システムは 5 分ごとにチャートを更新します。

  5. (オプション) [分割 (ディメンション)] にディメンションフィールドを追加して、ファセットビューを使用してディメンション値全体のデータ傾向を表示できます。

    説明

    追加できる分割ディメンションは 1 つだけです。ファセットビューには次の制限があります。

    • フィールド:分割ディメンションフィールドの高度な計算は、上位 N 件となしのみをサポートします。

    • スタイル:軸では二重 Y 軸はサポートされていません。補助表示ではスクロールバーはサポートされていません。

    • 分析:データインタラクションのみがサポートされています。詳細設定、分析アラート、注釈、AI インサイトはサポートされていません。

    image

チャートスタイルの設定

以下のセクションを使用して、チャートスタイルを設定します。一般的なタイトルの設定については、「チャートタイトルの設定」をご参照ください。

設定エリアの上部にある [検索ボックス] を使用して、[設定] をすばやく見つけて設定できます。右側の image..png アイコンをクリックすると、すべてのカテゴリを展開または折りたたむことができます。

柱图..gif

プロットエリア

[プロットエリア] セクションでは、縦棒グラフのスタイルを設定できます。

image

チャート設定項目

説明

色の設定

全体の列の色を設定します。グラデーション効果を有効にし、列の透明度を調整します。

チャートタイプの切り替え

チャートタイプを選択します:縦棒グラフ、積み上げ縦棒グラフ、または [100% 積み上げ縦棒グラフ]111

列の幅と角丸

列の幅と角丸を設定します。111

積み上げ および 100% 積み上げ

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

111

グラフィック塗りつぶし

[チャートタイプ][縦棒グラフ] に設定されている場合、数値を表すアイコンで列を塗りつぶします。グラフィック塗りつぶしを使用する場合、メジャー軸を無効にします。[アセット] または [画像フィールド] から選択します。

  • アセット:ディメンション値ごとに異なるパターンを割り当てます。組み込みのアセットを使用するか、カスタムイメージをアップロードします。111

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

    説明

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

    image

また、[グラフィックあたりの値][行][レイアウトの圧縮] も設定できます。

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

  • :デフォルトは 1 行です。サポート範囲:1 ~ 5 行。111

  • レイアウトの圧縮:間隔と縦横比を維持しながら、メジャー軸に向かって圧縮します。有効にすると、値軸はリファレンスの意味を失います。111

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

有効にすると、[デフォルト選択][最後のディメンション値 (グローバル)] または [最後のディメンション値 (系列)] に設定します。

ファセット

ファセットモードでは、ファセット配置のレイアウトとスタイルを設定できます。

説明

ファセットモードは、[分割 (ディメンション)] エリアでフィールドを設定した場合にのみ適用されます。

image

チャート設定項目

説明

レイアウトスタイル

レイアウトを選択します:[単一列比較] または [グリッド分布]

共有軸

ファセット間で共有軸を有効にします。

111

区切り線の表示

ファセット間の区切り線を表示します。

有効にすると、線の色とスタイルをカスタマイズできます。111

[グリッド分布] レイアウトの列数を設定します。

デフォルトは自動です。必要に応じてカスタマイズします。111

説明
  • PC とモバイルの列数を個別に設定します。ページ上部の image アイコンを使用して、デバイスターゲットを切り替えます。

  • PC の列数:1 ~ 6。モバイルの列数:1 ~ 3。

ファセットの最小サイズ

各ファセットの最小幅と高さを設定します。オプションはレイアウトによって異なります:

  • 単一列比較またはグリッド分布 (自動列数):最小幅のみを設定します。

  • グリッド分布 (カスタム列数):最小幅と高さを設定します。

行と列の間隔

ファセット間の間隔を設定します。オプションはレイアウトによって異なります:

  • 単一行比較:チャート間の列ピッチのみを設定できます。

  • グリッド分布:行と列の間隔を設定します。

分割ラベル

位置

ラベルの位置を設定します:[チャートの上] または [チャートの下]111

テキスト

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

配置

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

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

ダブルY軸を表示」を選択します。ダブルY軸は、2つ以上のメジャーが追加された場合にのみ有効になります。このオプションを選択すると、[右Y軸] セクションが [軸] セクションに表示されます。

image..png

名前

設定項目

説明

X 軸

X 軸の表示

X 軸の表示/非表示を切り替えます。

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

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

[軸ラベルの表示]

X 軸ラベルの表示/非表示を切り替え、ラベル表示ルールと [テキストスタイル] を設定します。

コンテンツ表示

一部またはすべてのディメンションを表示します。

image.png

目盛り線の表示

X 軸の目盛り線の表示/非表示を切り替えます。

[軸の表示]

X 軸の表示/非表示を切り替え、線のスタイル、幅、色を含めて設定します。

[グリッド線の表示]

X 軸のグリッド線の表示/非表示を切り替え、線のスタイル、幅、色を含めて設定します。

左 Y 軸

Y 軸スケールの反転

Y 軸のスケール値を反転させます。

柱图-Y轴翻转..gif

左 Y 軸の表示

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

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

[軸タイトル] および [単位] の表示/非表示を切り替えます。

[軸ラベルの表示]

左 Y 軸ラベルの表示/非表示を切り替え、ラベル範囲と [ラベルフォーマット] を設定します。

目盛り線の表示

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

[軸の表示]

左 Y 軸の表示/非表示を切り替え、線のスタイル、幅、色を含めて設定します。

[グリッド線の表示]

左 Y 軸のグリッド線の表示/非表示を切り替え、線のスタイル、幅、色を含めて設定します。

軸の値範囲と間隔

  • 左 Y 軸のラベルとスケールの最大値と [最小値] を設定します。[自動] または手動入力を選択します。

  • [カスタム間隔] をステップサイズまたは等分割で設定します。

98.gif

説明

[右 Y 軸] は、[二重 Y 軸の表示] が選択されている場合にのみ設定できます。右 Y 軸の設定は、[左 Y 軸] の設定と同じです。

凡例

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

  • PC 設定

    image..png

    設定

    設定項目の説明

    コンテンツ

    [カテゴリ軸] のフィールドが [色の凡例] のフィールドと一致し、[プロットエリア][グラフィック塗りつぶし] が有効になっている場合、複数の凡例が表示されます。表示する凡例のコンテンツを選択します。111

    位置

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

    • [上] または [下] の場合:左、中央、または右に配置します。

    • [左] または [右] の場合:上、中央、または下に配置します。凡例とチャートコンテンツの間の距離を調整します。

    テキスト

    凡例のテキストスタイルを設定します:色、サイズ、太さ、イタリック。

  • モバイル設定

    image

    チャート設定項目

    説明

    位置

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

    • [上] または [下] の場合:左、中央、または右に配置します。

    • [左] または [右] の場合:上、中央、または下に配置します。凡例とチャートコンテンツの間の距離を調整します。

    説明

    位置が [上] の場合、凡例のサブラベルを有効にします。サブラベルが有効な場合、配置はカスタマイズできません。

    テキスト

    モバイル凡例のメジャー名のテキストスタイルを設定します:色、サイズ、太さ、イタリック。

    表示タグのコンテンツ

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

    コンテンツ

    サブラベルのデータコンテンツを選択します:パーセンテージまたは合計。

    • パーセンテージ:ディメンション内のデータポイントの合計に対する割合。例:総収益に対する事務用品の利益額の割合。

    • 合計:ディメンション内のすべてのメジャーの合計。例:2025 年の全リージョンにわたる総売上。

    スタイル

    サブラベルのテキストレイアウトを選択します:複数行均等分割、単一行タイル、またはプレーンテキスト。

    • 複数行均等分割:1 行あたりの列数と 1 ページあたりの行数に基づいてサブラベルを自動的に分割します。image

    • 単一行タイル:すべてのサブラベルを 1 行で表示します。image

    • プレーンテキスト:テキストのみを表示し、色はチャート内の対応するメジャーの線の色と一致させます。image

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

    [スタイル][複数行均等分割] または [単一行タイル] の場合、未選択のインジケーターの表示方法を選択します:[-] または [空]

    パーセンテージの位置

    テキストスタイル

    [スタイル][複数行均等分割] または [単一行タイル] の場合、数値テキストのスタイルを設定します。

    [コンテンツ][パーセンテージ] が含まれる場合、視覚的な区別を向上させるために、パーセンテージテキストを数値ラベルとは異なる形式に設定します。

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

    [コンテンツ][パーセンテージ] が含まれる場合、パーセンテージの小数点以下の桁数を調整します。

    全文表示

    [スタイル][複数行均等分割] または [単一行タイル] の場合、[全文表示] を有効にして、メジャー名が切り捨てられている場合に完全なメジャー名を表示します。

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

    [ツールチップ/メジャー] パネルで設定されたフィールドを凡例エリアに表示するには、有効にします。

    説明

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

データラベル

[データラベル] セクションでは、データラベルの表示/非表示を切り替え、ラベルのスタイルを設定できます。

image..png

チャート設定

説明

完全表示

データラベルの完全表示を切り替えます。

位置

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

[プロットエリア][グラフィック塗りつぶし] が有効になっている場合、[グラフィックの外側] のみがサポートされます。

テキスト

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

ツールチップ

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

  • PC 設定

    image.png

    チャート設定項目

    説明

    表示モード

    ツールチップの表示モードを選択します:データポイントごとまたは [ディメンション値ごと]

    コンテンツ

    ツールチップのコンテンツを選択します。オプションは表示モードによって異なります:

    [データポイントごと] の場合:パーセンテージ。[ディメンション値ごと] の場合:合計とパーセンテージ。

    • パーセンテージ:ディメンション内のデータポイントの合計に対する割合。例:総収益に対する事務用品の利益額の割合。

    • 合計:ディメンション内のすべてのメジャーの合計。例:2025 年の全リージョンにわたる総売上。

    背景色

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

    テキスト

    ツールチップのテキストスタイルを設定します:色、サイズ、太さ、イタリック。

  • モバイル設定image

    チャート設定項目

    説明

    ホバーバブル

    image アイコンをクリックしてホバーバブル (①) を有効にします

    コンテンツ

    ホバーバブルのコンテンツを選択します:パーセンテージまたは合計。

    • パーセンテージ:ディメンション内のデータポイントの合計に対する割合。例:総収益に対する事務用品の利益額の割合。

    • 合計:ディメンション内のすべてのメジャーの合計。例:2025 年の全リージョンにわたる総売上。

    背景色

    ホバーバブルの背景色を設定します。

    テキスト

    ホバーバブルのテキストスタイルを設定します:色、サイズ、太さ、イタリック。

    軸ディメンション表示

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

    背景色

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

    テキスト

    軸ディメンションラベルのテキストスタイルを設定します:色、太さ、イタリック。

系列設定

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

image..png

説明

[色の凡例/ディメンション] が有効な場合にのみ、[系列設定] でエイリアスと値の表示形式を設定する必要があります。

チャート設定項目

説明

[系列の選択]

ユースケースに基づいてディメンションまたはメジャーを選択します。

[データラベルの表示]

データラベルの表示/非表示を切り替え、色と位置を含めて設定します。

[境界値の表示]

折れ線グラフの最大値と最小値のラベルを表示します。

説明

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

補助表示

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

設定

説明

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

チャート内のメトリックフィルターの表示/非表示を切り替えます。有効にすると、デフォルトで選択されるメトリックフィールドを設定します。

表示コントロール

軸データが密集し、コンテナーの幅を超えた場合、image アイコンをクリックして表示コントロールを有効にします。これにより、ユーザーはスクロールによって表示されるチャートエリアを動的に調整でき、データの完全性と可読性を維持しながら柔軟なインタラクションが可能になります。

表示される軸の範囲を管理する 2 つのコントロールタイプがあります:[スクロールバー][ミニチャート]

  • [ミニチャート] を選択すると、下部に簡略化された全データトレンドチャート (ミニチャート) が表示されます。ユーザーは選択エリアをドラッグしてすべてのデータを閲覧したり、サブセットにフォーカスしたりできます。ミニチャートは絶対座標を使用します:選択された範囲は固定されたデータポイントに直接マッピングされます。比較分析や正確なナビゲーションに最適です。image デフォルトでは、ミニチャートはデータがコンテナーの幅を超えた場合にのみ表示されます。常に表示するには、[常時表示] を有効にします。有効にすると、データが完全に収まる場合でもミニチャートが表示されます。

  • [スクロールバー] を選択すると、下部に水平スクロールバーが表示されます。ユーザーはスライダーをドラッグして左右にパンできます。スクロールバーは相対的なスケーリングを使用します:スライダーの長さと位置は、表示ウィンドウと全データ範囲の比率を反映します。一般的な閲覧に最適です。image [カテゴリの最小幅] を設定して、表示されるデータ量を制限し、明確な軸の目盛りを確保し、ラベルの重複やデータポイントの過密を回避します。デフォルトは 32 px です。範囲:16 ~ 100 px。

    実際のカテゴリ幅が最小値を下回ると、スクロールバーが表示されます。スクロールバーを有効にすると、チャート要素とデータラベルは座標の矩形内に制約されます。オーバーフローする要素 (マーカー、ラベルなど) は、収まるようにクリップまたは再配置されます。

説明

表示コントロールが設定されておらず、チャートが小さすぎる場合、システムは自動的に表示コントロールを有効にし、[ミニチャート] を選択し、データがコンテナーの幅を超えた場合にのみ表示します。

チャート分析の設定

設定

名前

説明

データインタラクション

掘削

フィールドパネルでドリルダウンフィールドを設定した後、ドリルダウンレイヤーの表示スタイルを設定します。

連携

データが別々のチャートにある場合、複数のチャートをリンクして共同分析を行います。詳細については、「リンケージの設定と表示」をご参照ください。

[ジャンプ]

データが別々のダッシュボードにある場合、複数のダッシュボードをリンクして共同分析を行います。ハイパーリンクは [パラメーターリンケージ][外部リンク] をサポートします。詳細については、「ハイパーリンクの設定と表示」をご参照ください。

[分析アラート]

[補助線]

現在のメジャー値を補助線の参照値と比較します。参照値は静的または計算値にすることができます。計算値には、平均値、最大値、最小値、中央値が含まれます。詳細については、「補助線」をご参照ください。

トレンドライン

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

注釈

-

色のハイライト、アイコン、コメント、またはデータポイントを使用して、異常または重要なデータを強調表示します。詳細については、「注釈」をご参照ください。

次のステップ

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

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