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

Quick BI:面グラフ

最終更新日:Mar 01, 2026

面グラフは、時系列におけるデータの傾向を可視化し、各データ系列が全体に占める割合を示します。本トピックでは、面グラフへのデータ追加方法およびスタイル設定方法について説明します。

前提条件

ダッシュボードが作成されました。詳細については、「ダッシュボードの作成」をご参照ください。

概要

シナリオ

面グラフは、一定期間におけるデータの全体的な傾向を把握するのに役立ちます。たとえば、特定の期間においてデータが増加するか、減少するか、周期的に変化するか、あるいは指数関数的に増加するかなどを確認できます。

主な特長

  • 分析機能:前年同月比・前月比比較、累積計算、インテリジェント補助線、トレンドライン、予測、異常検出、ボラティリティ分析をワンクリックで設定できます。

  • 可視化:面グラフ、積み上げ面グラフ、100% 積み上げ面グラフをサポートします。また、ラベル、凡例、サムネイル軸の表示も可能です。

  • データ比較アノテーション:前期間とのデータ比較や数値アノテーションの追加が可能です。

可視化の例

image.png

制限事項

面グラフは、値軸/メジャーカテゴリ軸/ディメンション、および 色の凡例/ディメンション の 3 つの要素で構成されます。

  • カテゴリ軸(ディメンション):日付、都道府県、商品タイプなどのディメンションを少なくとも 1 つ指定する必要があります。

  • 値軸(メジャー):注文金額などのメジャーを少なくとも 1 つ指定する必要があります。

  • 色の凡例(ディメンション):配送方法など、ディメンションを 1 つだけ指定できます。

    説明

    値軸(メジャー)に複数のメジャーを設定し、かつ色の凡例(ディメンション)にディメンションを追加した場合、チャート内でメトリックを切り替えるには、チャート内メトリックフィルターを有効化する必要があります。

  • ファセット(ディメンション):商品タイプなど、ディメンションを 1 つだけ指定できます。

チャートデータの設定

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

    • ディメンション リストから、都道府県カテゴリ軸(ディメンション) フィールドにダブルクリックまたはドラッグします。

    • ディメンション リストから、product_type色の凡例(ディメンション) フィールドにダブルクリックまたはドラッグします。

    • メジャー リストから、注文金額値軸(メジャー) フィールドにダブルクリックまたはドラッグします。

  2. 更新 をクリックします。

    image

  3. (任意)ファセット(ディメンション) にディメンションを追加することで、ファセットレイアウトで各ディメンション値ごとのデータ傾向を表示できます。

    説明

    ファセットディメンションは 1 つまでしか追加できません。ファセットレイアウトには以下の制限があります:

    • フィールド:ファセット(ディメンション)内のフィールドでは、上位 N 件のみがサポートされ、計算はサポートされません。

    • スタイル:軸は第 2 Y 軸をサポートしていません。補助表示ではサムネイル軸をサポートしていません。

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

    image

チャートスタイルの設定

このセクションでは、チャートスタイルの設定方法について説明します。チャートタイトルの設定方法については、「チャートタイトルの設定」をご参照ください。

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

面积图-搜索..gif

プロット領域

プロット領域 では、折れ線グラフのスタイルを設定できます。

image

設定項目

設定項目の説明

色設定

面の色を設定します。システムの配色を使用するか、カスタムカラーを定義できます。111

可視化チャート切替

チャートタイプを選択します:折れ線グラフ、面グラフ、積み上げ面グラフ、または 100% 積み上げ面グラフ

線の種類

線のスタイルを選択します:曲線 または 直線image

線のスタイル

線の種類と太さを設定します。

ヌル値の処理

次のいずれかを選択します:直接スキップ、ゼロに設定(途切れなし)、または 線を途切れさせる

グラデーション効果を有効化

このオプションを有効化すると、面がグラデーションカラーで表示されます。112

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

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

112

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

有効化した場合、デフォルト選択を 最終ディメンション値(グローバル) または 最終ディメンション値(シリーズ) に設定します。

ファセット

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

説明

ファセットモードは、ファセット(ディメンション) にフィールドを設定した場合にのみ有効になります。

image

設定項目

説明

レイアウトスタイル

レイアウトを選択します:単一列比較 または グリッド配置

共用軸

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

111

区切り線の表示

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

有効化した場合、区切り線の色およびスタイルを設定します。111

列数

グリッド配置 を選択した場合、列数を設定します。

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

説明
  • PC とモバイル端末で別々に列数を設定できます。ページ上部の image アイコンを使用してデバイスを切り替えてください。

  • PC の列数範囲:1~6。モバイル端末の列数範囲:1~3。

最小ファセットブロックサイズ

各チャートの最小幅および高さを設定します。サポートされるオプションはレイアウトスタイルによって異なります。

  • 単一列比較 および、列数を自動設定した グリッド配置 の場合:最小幅のみ設定します。

  • 列数をカスタマイズした グリッド配置 の場合:最小幅および高さの両方を設定します。

行および列の間隔

行および列の間隔を設定します。サポートされるオプションはレイアウトスタイルによって異なります。

  • 単一列比較 の場合:列間隔のみ設定します。

  • グリッド配置 の場合:行および列の間隔の両方を設定します。

分割タグ

位置

ディメンション値ラベルを表示する位置を設定します:チャート上部 または チャート下部111

テキスト

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

配置

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

座標軸

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

第 2 Y 軸を表示 を選択します。この設定は、2 つ以上のメジャーを追加した場合にのみ有効になります。選択すると、右 Y 軸 セクションに表示されます。

image

名前

設定項目

説明

X 軸

X 軸を表示

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

軸のタイトルおよび単位を表示

X 軸に 軸のタイトル および 単位 を表示するかどうかを指定します。

軸ラベルを表示

X 軸にラベルを表示するかどうかを指定します。ラベル表示ルールおよび テキストスタイル を含みます。

コンテンツ

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

image.png

目盛りを表示

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

軸を表示

X 軸を表示するかどうかを指定します。線のスタイル、線の太さ、色を含みます。

軸ラベルを表示

X 軸にラベルを表示するかどうかを指定します。

グリッドラインを表示

X 軸にグリッドラインを表示するかどうかを指定します。線のスタイル、線の太さ、色を含みます。

左 Y 軸

Y 軸の目盛りを反転

Y 軸の目盛りの値を反転します。

面积图-Y轴翻转..gif

左 Y 軸を表示

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

軸のタイトルおよび単位を表示

軸のタイトル および 単位 を表示するかどうかを指定します。

軸ラベルを表示

左 Y 軸にラベルを表示するかどうかを指定します。ラベルおよび目盛りの範囲、ラベル表示フォーマット を含みます。

目盛りを表示

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

軸を表示

左 Y 軸を表示するかどうかを指定します。線のスタイル、線の太さ、色を含みます。

グリッドラインを表示

左 Y 軸にグリッドラインを表示するかどうかを指定します。線のスタイル、線の太さ、色を含みます。

軸の値範囲および間隔

  • 左 Y 軸のラベルおよび目盛りの 最大値 および 最小値 を、自動または手動で設定します。

  • ステップサイズまたは等分により カスタム間隔 を設定します。

97.gif

説明

右 Y 軸 の設定は、第 2 Y 軸を表示 が選択された場合にのみ可能です。設定オプションは 左 Y 軸 と同じです。

凡例

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

  • PC の設定

    image

    設定項目

    説明

    位置

    PC 用の凡例の位置および配置を設定します。

    • 位置が 上部 または 下部 の場合:左寄せ、中央揃え、右寄せのいずれかを選択します。

    • 位置が 左側 または 右側 の場合:上部揃え、中央揃え、下部揃えのいずれかを選択します。また、凡例とチャートコンテンツの間隔を設定できます。

    テキスト

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

  • モバイル端末の設定

image

設定項目

パラメーターの説明

位置

モバイル端末用の凡例の位置および配置を設定します。

  • 位置が 上部 または 下部 の場合:左寄せ、中央揃え、右寄せのいずれかを選択します。

  • 位置が 左側 または 右側 の場合:上部揃え、中央揃え、下部揃えのいずれかを選択します。また、凡例とチャートコンテンツの間隔を設定できます。

説明

位置が 上部 の場合、凡例のサブラベルを有効化します。

テキスト

モバイル端末用の凡例におけるメジャー名のテキストスタイルを設定します。フォント色、サイズ、太さ、斜体を含みます。

表示タグのコンテンツ

位置が 上部 の場合、image アイコンをクリックして凡例のサブラベルを有効化します。

コンテンツ

凡例のサブラベルに表示するデータを選択します:パーセンテージまたは合計。

  • パーセンテージ:ディメンション内のデータポイントが全体に対して占める割合。例:オフィス用品の売上総額に対する利益額の割合。

  • 合計:ディメンション内のすべてのメジャーの合計。例:2025 年における地域別の売上合計。

スタイル

凡例のサブラベルのテキストレイアウトを設定します。オプション:

  • 複数行等分:ラベルは、1 行あたりの列数および 1 ページあたりの行数に基づいて均等に分割されます。image

  • 単一行タイリング:すべてのラベルが 1 行に表示されます。image

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

未選択時の表示

スタイル複数行等分 または 単一行タイリング の場合、ユーザーが凡例項目を選択していないときにメトリックをどのように表示するかを選択します:- または 空白

パーセンテージの位置

コンテンツパーセンテージ が含まれており、スタイル複数行等分 または 単一行タイリング の場合、パーセンテージを数値ラベルの 下部 または 右側 に表示するかを設定します。

テキストスタイル

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

コンテンツ に パーセンテージ が含まれる場合、数値 のラベルと視覚的に区別するために、パーセンテージテキストの個別の書式設定を行います。

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

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

フルテキスト表示

スタイル複数行等分 または 単一行タイリング の場合、長いメジャー名が省略されることがあります。フルテキスト表示 を選択すると、完全な名前が表示されます。

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

選択した場合、ツールチップ/メジャー パネルで設定したフィールドが凡例に表示されます。

説明

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

データラベル

データラベル では、データラベルの表示有無およびラベルスタイルを設定できます。

image

設定項目

設定項目の説明

全表示

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

位置

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

テキスト

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

ツールチップ

ツールチップ セクションで、image アイコンをクリックしてツールチップを有効化し、その動作を設定します。

  • PC の設定

    image

    設定項目

    設定項目の説明

    表示モード

    ツールチップ情報を表示する方法を選択します:データポイントごと、または ディメンション値ごと

    コンテンツ

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

    データポイントごと の場合:パーセンテージがサポートされます。ディメンション値ごと の場合:合計およびパーセンテージがサポートされます。

    • パーセンテージ:ディメンション内のデータポイントが全体に対して占める割合。例:オフィス用品の売上総額に対する利益額の割合。

    • 合計:ディメンション内のすべてのメジャーの合計。例:2025 年における地域別の売上合計。

    背景色

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

    テキスト

    ツールチップボックスのテキストスタイルを設定します。フォント色、サイズ、太さ、斜体を含みます。

  • モバイル端末の設定

    image

    設定項目

    説明

    ホバーバブル

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

    コンテンツ

    ホバーバブルに表示するデータを選択します:パーセンテージまたは合計。

    • パーセンテージ:ディメンション内のデータポイントが全体に対して占める割合。例:オフィス用品の売上総額に対する利益額の割合。

    • 合計:ディメンション内のすべてのメジャーの合計。例:2025 年における地域別の売上合計。

    背景色

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

    テキスト

    ホバーバブルのテキストスタイルを設定します。フォント色、サイズ、太さ、斜体を含みます。

    軸ディメンション

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

    背景色

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

    テキスト

    軸ディメンションラベルのテキストスタイルを設定します。フォント色、太さ、斜体を含みます。

シリーズ設定

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

image

説明

表示名と数値フォーマットは、[フィールド] タブでフィールドが [色の凡例 (ディメンション)] に追加された場合にのみ、[シリーズ設定] セクションで設定できます。

設定項目

説明

フィールドを選択

ビジネスシナリオに応じて、ディメンションまたはメジャーを選択します。

エイリアス

ビジネスコンテキストに合ったフィールド名を設定します。

このオプションは、色の凡例(ディメンション) が設定されている場合にのみ利用可能です。

線のスタイル

線の種類および太さを設定します。

説明

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

マーカーポイントを表示

マーカーポイントの形状を選択します:円、中抜き円、菱形、中抜き菱形。

説明

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

データラベルを表示

データラベルを表示するかどうかを指定し、その色および位置を設定します。

数値フォーマット

データラベルが有効な場合、数値の表示フォーマットを設定します。オプション:AutoFit、カスタム、手動。

このオプションは、色の凡例(ディメンション) が設定されている場合にのみ利用可能です。

極値を表示

面グラフにおける最大値および最小値のラベルを表示するかどうかを指定します。

説明

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

補助表示

補助表示 セクションでは、メトリックフィルターおよびビュー制御を設定できます。

image

設定項目

説明

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

チャート内メトリックフィルターを有効化するかどうかを指定します。有効化した場合、デフォルトで選択されるメトリックフィールドを設定します。

ビュー制御

チャート軸上のデータが密でコンテナーのサイズを超える場合、image アイコンをクリックしてビュー制御を有効化します。これにより、ユーザーはスクロール操作で可視範囲を動的に調整でき、データの完全性および可読性を確保しながら柔軟なインタラクションが可能になります。

可視軸範囲を管理する制御タイプは 2 種類あります:スクロールバー および ミニチャート

  • ミニチャート を選択した場合、チャートの下部に簡易的な全データ傾向チャート(ミニチャート)が表示されます。ユーザーは選択範囲をドラッグして全データを閲覧したり、特定の範囲にフォーカスしたりできます。ミニチャートは絶対座標を使用します:選択範囲はメイン軸上の固定数のデータポイントに直接マップされます。これは、比較分析や精密なナビゲーションを必要とする複雑なシナリオに最適です。image ミニチャートは、全データの幅がチャートコンテナーの幅を超えた場合にのみ表示されます。常にミニチャートを表示するには、常に表示 を選択します。選択した場合、データが画面を満たさない場合でもミニチャートが表示されます。

  • スクロールバー を選択した場合、チャートの下部に水平スクロールバーが表示されます。ユーザーはスライダーをドラッグして表示ウィンドウを左右に移動できます。スクロールバーは相対比率を使用します:スライダーの長さおよび位置は、可視ウィンドウと全データ範囲の比率を反映します。これは一般的な閲覧に最適です。image 最小カテゴリ幅を設定して、現在の表示ウィンドウ内のデータ量を制限します。これにより、軸の目盛りが明確になり、過度に密なデータポイントによるラベルの重複や視覚的混雑を防止できます。デフォルトの最小カテゴリ幅は 32 px で、範囲は 16–100 px です。

    フル表示モードでチャートに割り当てられた実際のカテゴリ幅がこの値を下回った場合、スクロールバーが表示されます。スクロールバーが有効な場合、チャート要素およびデータラベルは座標系の矩形領域内に制約されます。この領域外の要素(例:マーカー、ラベル)は、自動的にクリップまたは再配置されて領域内に収まるようになります。

説明

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

チャート分析の設定

設定項目

名前

説明

インタラクティブ分析

掘削

詳細表示が設定されている場合、ドリルダウン レベルの表示スタイルをカスタマイズできます。詳細については、「詳細表示」をご参照ください。

フィルターインタラクション

複数のチャートを連携させて、それらを横断したデータ分析を行います。詳細については、「フィルターインタラクション」をご参照ください。

実行

複数のダッシュボードを連携させて、それらを横断したデータ分析を行います。ハイパーリンクは パラメーター および 外部リンク をサポートします。詳細については、「リダイレクト」をご参照ください。

分析アラート

補助線

現在のメジャー値とグリッドラインのリファレンス値を比較します。リファレンス値は静的または計算可能であり、計算値には平均、最大、最小、中央値が含まれます。詳細については、「メトリック分析」をご参照ください。

トレンドライン

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

ラベル

-

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

次のステップ

  • ダッシュボードを特定のユーザーと共有します。詳細については、「ダッシュボードの共有」をご参照ください。

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