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

Quick BI:複合グラフ

最終更新日:May 13, 2026

複合グラフは、デュアル Y 軸で異なるスケールのデータを表示します。線グラフ、縦棒グラフ、面グラフなど、複数のチャートタイプを 1 つのチャートに組み合わせることができます。また、積み上げや 100% 積み上げレイアウトなどの複雑なシナリオにも対応しており、異なるプロジェクト間のトレンドを可視化するのに最適です。このトピックでは、複合グラフにデータを追加し、スタイルをカスタマイズする方法について説明します。

前提条件

ダッシュボードが作成されている必要があります。詳細については、ダッシュボードの作成をご参照ください。

概要

  • ユースケース

    • トレンドチャートを使用して、連続データの経時的な変化を示します。一定間隔でのトレンドを可視化するのに最適です。

    • エリアチャートを使用して、成長、減少、周期的なパターン、指数関数的な増加の特定など、データの経時的な変化を分析します。

  • メリット

    • 計算機能:期間比較、累積計算、スマート参照線、トレンドラインを簡単に設定できます。

    • 可視化機能:ラインチャート、エリアチャート、積み上げエリアチャート、100% 積み上げエリアチャートをサポートしています。データラベル、凡例、概要軸などの要素を設定できます。

    • データ比較と注釈:同一期間のデータを比較し、数値の注釈を追加できます。

  • 组合图效果图

制限

複合グラフは、[プライマリメジャー][セカンダリメジャー][カテゴリ軸]、および[カラー凡例]で構成されます:

  • プライマリ軸とセカンダリ軸は、データ内のメジャーによって決まります。注文金額や利益額など、少なくとも 1 つのメジャーを選択する必要があります。

  • カテゴリ軸は、データ内のディメンションによって決まります。注文日 (年) など、少なくとも 1 つのディメンションを選択する必要があります。

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

    説明

    色の凡例は、プライマリまたはセカンダリ値軸でメジャーフィールドが 1 つ選択されている場合にのみ有効になります。

チャートデータの設定

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

    • [メジャー] リストで Order Amount を見つけ、ダブルクリックまたはドラッグして [プライマリメジャー] エリアに移動します。

    • [メジャー] リストで利益額を探し、[セカンダリメジャー] エリアにダブルクリックまたはドラッグします。

    • [ディメンション] リストで「注文日 (年)」を見つけ、ダブルクリックまたはドラッグして[カテゴリ軸] エリアに移動します。

  2. [更新] をクリックします。グラフは自動的に更新されます。

    image..png

  3. (オプション) 特定の都市のデータのみを表示するには、フィルターを設定して必要なデータのみを表示できます。image

  4. 自動更新

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

チャートスタイルの設定

  • [スタイル] ペインの[フィールド] タブで、チャートスタイルを変更できます。

    この例では、[セカンダリメジャー] にある [Profit Amount] フィールドの表示タイプを [Line] に設定します。线-311

    チャートの積み上げモードを変更するには、[Standard] にカーソルを合わせます。常规-311

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

設定ペインの上部にある 検索ボックス を使用して、設定 をすばやく検索できます。image..png アイコンをクリックして、すべてのカテゴリを展開/折りたたみ できます。

柱体..gif

描画エリア

描画エリア セクションで、複合グラフのスタイルを設定します。

image..png

設定

説明

色の設定

複合グラフの配色を設定します。

チャートの向き

チャートの向きを [Horizontal] または [Vertical] に設定します。

チャートの配置

向きが [Vertical] の場合、配置を [Left] または [Right] に設定できます。

image..png

[Line]

ラインのスタイルを設定します。ラインタイプを [Smooth] または [Straight] に設定し、ラインスタイル太さ を設定できます。また、マーカー とそのスタイルを表示するかどうかを選択し、NULL 値の処理 方法を設定できます。

image

[Column]

列の幅を設定します。

条形图主题宽度..gif

モバイルの既定の選択

この設定を有効にすると、[Default selection][Last global dimension value] または [Last dimension value of specified series] に設定できます。

セクションで、軸のスタイルを設定します。既定では、軸が表示されます。

[Show dual Y-axis] を選択できます。この設定は、メジャーを 2 つ以上追加した場合にのみ有効です。このオプションを選択すると、[右 Y 軸] セクションが [Axes] ペインに表示されます。

image..png

名前

設定

説明

X 軸

[Show X-axis]

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

[Show title and unit]

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

[Show axis labels]

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

[Content to display]

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

image.png

[Show tick marks]

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

[Show axis line]

X 軸の軸線の表示/非表示を切り替えます。軸線のラインスタイル、幅、色を設定できます。

[Show gridlines]

X 軸のグリッド線の表示/非表示を切り替えます。グリッド線のラインスタイル、幅、色を設定できます。

左 Y 軸

Y 軸の反転

Y 軸のスケールを反転します。

组合图-Y轴翻转..gif

[Show left Y-axis]

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

[Show title and unit]

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

[Show axis labels]

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

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

  • [Custom] モードでは、image アイコンをクリックし、[Data Display Format Settings] ダイアログボックスでデータ形式を設定します。ダイアログボックス内の設定については、「Data display formats > Custom」をご参照ください。

[Show tick marks]

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

[Show axis line]

左 Y 軸の軸線の表示/非表示を切り替えます。軸線のラインスタイル、幅、色を設定できます。

[Show gridlines]

左 Y 軸のグリッド線の表示/非表示を切り替えます。グリッド線のラインスタイル、幅、色を設定できます。

軸の値範囲と間隔

  • 左 Y 軸の範囲は、[Auto] に設定するか、[Maximum/Minimum] 値を手動で設定できます。

  • ステップ幅または分割数を指定して、[Custom interval] を設定できます。

99.gif

説明

[Show dual Y-axis] を選択した場合にのみ、[右 Y 軸] を設定する必要があります。設定内容は [左 Y 軸] と同じです。

凡例

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

  • PC の設定

    image

    設定

    説明

    スタイル

    凡例アイコンのスタイルを設定します。[Auto][Line only][Line and marker] を選択できます。

    説明
    • 凡例は、チャートで設定したマーカーのスタイルと同期します。マーカーのスタイルを設定していない場合は、既定で塗りつぶしの円が表示されます。

    • Theme Design > General Content Style[Scale legend symbols with text] を選択すると、凡例アイコンのサイズと線の太さが、チャートの線の太さと凡例テキストのサイズに比例して調整されます。

    • この設定は、複合グラフ内のラインチャートとエリアチャートにのみ適用されます。

    位置

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

    • 位置を [Top] または [Bottom] に設定した場合、左寄せ、中央、右寄せを選択できます。

    • 位置を [Left] または [Right] に設定した場合、上寄せ、中央、下寄せを選択できます。また、凡例とチャートコンテンツの距離を設定できます。

    テキスト

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

  • モバイルの設定

    image

    設定

    説明

    位置

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

    • 位置を [Top] または [Bottom] に設定した場合、左寄せ、中央、右寄せを選択できます。

    • 位置を [Left] または [Right] に設定した場合、上寄せ、中央、下寄せを選択できます。また、凡例とチャートコンテンツの距離を設定できます。

    説明

    位置をトップに設定すると、凡例の下にラベルを有効にできますが、その場合はカスタム配置に対応していません。

    テキスト

    フォントの色、サイズ、太さ、斜体など、凡例内のメジャー名のテキストスタイルを設定します。

    ラベルコンテンツの表示

    [Position][Top] に設定されている場合、image アイコンをクリックして凡例の下にラベルを表示します。

    スタイル

    凡例の下に表示されるラベルテキストのレイアウトスタイルを設定します。使用できるオプションは次のとおりです:

    • [Multi-line Equal-width][Max items per row] で設定した列数と、[Max items per page] で設定した行数に基づき、ラベルが等幅のグリッドに自動配置されます。image

    • [Single-line Tiled]:すべてのラベルコンテンツが 1 行で表示されます。image

    • [Plain Text]:アイコンを表示せず、テキストのみを表示します。また、テキストの色は、チャート内の対応するメジャーのラインの色と一致します。image

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

    スタイル[Multi-line Equal-width] または [Single-line Tiled] の場合、凡例項目が未選択のときのメトリックの表示方法を設定できます。「-」 として表示するか、空白 のままにするかを選択できます。

    テキストスタイル

    スタイル[Multi-line Equal-width] または [Single-line Tiled] の場合、[Values] のテキストスタイルを設定できます。

    全文の表示

    スタイル[Multi-line Equal-width] または [Single-line Tiled] の場合、長いメジャー名は省略されることがあります。メジャー名を全文表示する必要がある場合は、[Show full text] を選択します。

    ツールヒントフィールドの表示

    このオプションを有効にすると、データペインの [Tooltip/Measure] セクションで設定したフィールドが、凡例エリアに表示されます。

    説明

    ディメンション値でデータを分割するシナリオ (つまり、色の凡例がディメンションである場合) では、ツールヒントフィールドは表示できません。

データラベル

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

image

設定

説明

フル表示

データラベルのフル表示を有効にすると、ラベルが重ならないように、システムがラベル位置を自動調整します。データラベルが多すぎる場合は、軸エリアを超えるため、一部のラベルが表示されないことがあります。[Allow data labels to overlap] を選択することもできます。

テキスト

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

ツールヒント

ツールヒント セクションで、image アイコンをクリックしてツールヒントを有効にし、設定を行います。

  • PC の設定

    image

    設定

    説明

    表示モード

    ツールヒントの表示モードを設定します。[By single data point][By dimension value] を選択できます。

    コンテンツ

    ツールヒントに表示するデータコンテンツを選択します。使用できるコンテンツは、設定した表示モードによって異なります。

    表示モードが [By single data point] の場合、パーセンテージを表示できます。表示モードが [By dimension value] の場合、合計とパーセンテージを表示できます。

    • [Percentage]:現在のディメンションにおける合計に対するデータポイントの割合です。たとえば、オフィス用品の総収益に対する利益額の割合です。パーセンテージデータを表示する場合は、[Decimal Places for Percentage] で小数点以下の桁数を 0、1、2 に設定できます。

    • [Total]:現在のディメンション配下にあるすべてのメジャーの合計です。たとえば、2025 年の全地域における販売金額の合計です。

    説明

    セカンダリメジャーをフィールドにドラッグすると、左 Y 軸と右 Y 軸を個別に設定できます。

    背景色

    ツールヒントの背景塗りつぶし色を設定します。

    テキスト

    フォントの色、サイズ、太さ、斜体など、ツールヒント内のテキストスタイルを設定します。

  • モバイルの設定

    image

    設定

    説明

    ホバーバブル

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

    コンテンツ

    ホバーバブルに表示するデータコンテンツを設定します。[Percentage][Total] を選択できます。

    説明

    セカンダリメジャーをフィールドにドラッグすると、左 Y 軸と右 Y 軸を個別に設定できます。

    • [Percentage]:現在のディメンションにおける合計に対するデータポイントの割合です。たとえば、オフィス用品の総収益に対する利益額の割合です。パーセンテージデータを表示する場合は、[Decimal Places for Percentage] で小数点以下の桁数を 0、1、2 に設定できます。

    • [Total]:現在のディメンション配下にあるすべてのメジャーの合計です。たとえば、2025 年の全地域における販売金額の合計です。

    背景色

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

    テキスト

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

    軸ディメンションの表示

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

    背景色

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

    テキスト

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

系列の設定

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

image

説明

[Field] 設定パネルで [色の凡例] を有効にしている場合にのみ、[系列の設定] で エイリアス系列値の表示形式 を設定できます。

設定

説明

[系列フィールドの選択]

業務シナリオに応じて、ディメンションまたはメジャー項目を選択します。

エイリアス

フィールドのカスタム名を設定します。

このオプションは、色の凡例 を設定している場合にのみ使用できます。

[データラベルの表示]

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

系列値の表示形式

系列値の表示形式を設定します。[Auto] または [Custom] を選択できます。

  • [Auto]:既定のオプションです。系列値は、対応するメジャーフィールドの データ表示形式の設定 を継承します。

  • [Custom]image アイコンをクリックして、[Data Display Format Settings] ダイアログボックスでデータ形式を設定します。設定の詳細については、「Data display formats > Custom」をご参照ください。

このオプションは、色の凡例 を設定している場合にのみ使用できます。

[最小/最大値の表示]

チャート内の最小値と最大値のラベルの表示/非表示を切り替えます。有効にした場合は、ラベルの 位置、表示する コンテンツ (Maximum または Minimum)、ラベルの 背景塗りつぶし色、ラベルの テキストスタイル を設定できます。

説明

この機能は、積み上げチャートおよび 100% 積み上げチャートでは使用できません。

ビューコントロール

チャートの軸上のデータが密集していて判読しづらい場合は、image アイコンをクリックしてチャートのビューコントロールを有効にできます。これにより、データの整合性と可読性を確保しつつ、閲覧者はスクロール操作でチャートの表示範囲を動的に調整できます。

概要軸 または スクロールバー を使用して、チャート軸の表示範囲を制御できます。

image

設定

説明

概要軸

概要軸 を選択すると、全データのトレンドを簡略化して表示するチャート (概要軸) が下部に表示されます。閲覧者は選択エリアをドラッグして、全データをすばやく参照したり、特定の範囲に絞り込んだりできます。概要軸は絶対座標を使用します。つまり、選択した区間は、実際の軸上の固定数のデータポイントに対応します。これは、比較分析や直接的な位置指定が必要なシナリオに適しています。image既定では、データ量がチャートコンテナの表示幅を超えた場合にのみ概要軸が表示されます。概要軸を常に表示する場合は、[Always show] を選択します。このオプションを選択すると、チャートデータが画面を埋めない場合でも概要軸が表示されます。

スクロールバー

スクロールバー を選択すると、チャート下部に水平スクロールバーが表示されます。閲覧者はスライダーをドラッグして、表示ウィンドウを左右に移動できます。スクロールバーは相対比率を使用します。つまり、スライダーの長さと位置は、表示ウィンドウとデータ全体の範囲の比率によって決まります。これは、一般的な参照シナリオに適しています。imageまた、スクロールバーのカテゴリ最小幅を設定して、現在のチャートウィンドウに表示されるデータ量を制限できます。これにより、表示範囲内でチャートコンテンツを明瞭に表示でき、データラベルの重なりやデータポイントの過密による視認性低下を防げます。カテゴリ最小幅は既定で 32 px です。設定可能な範囲は 16~100 px です。

カテゴリ最小幅を設定すると、チャート全体に割り当てられる実際のカテゴリ幅がこの値を下回った場合に、スクロールバーが表示されます。スクロールバーを有効にすると、チャート要素とデータラベルは軸エリア内に収まるように調整されます。マーカーやデータラベルなど、軸エリアを超える部分は自動的に切り捨てられるか、または再配置されて収まるようになります。

説明

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

分析設定

カテゴリ

名前

説明

インタラクション

ドリルダウン

チャートにドリルダウン機能が設定されている場合、ドリルダウン階層の表示スタイルを設定できます。詳細については、「ドリルダウン」をご参照ください。

[連携]

分析対象のデータが異なるチャートに存在する場合、チャートの連携機能を使用して複数のチャートを関連付け、データ分析を行うことができます。具体的な設定については、「連携」をご参照ください。

[ジャンプ]

複数のダッシュボードにまたがる分析を行う場合は、ジャンプ機能でそれらを接続します。ジャンプには [パラメータージャンプ] と [外部リンク] があります。詳細については、「ジャンプ」をご参照ください。

[分析とアラート]

[リファレンスライン]

リファレンスラインを使用すると、現在のメジャー値を設定された参照値と比較できます。参照値には、固定値のほか、平均値、最大値、最小値、中央値などの計算値を設定できます。詳細については、「分析とアラート」をご参照ください。

[傾向線]

傾向線は、現在のデータの全体的なトレンドを示します。傾向線の種類には、インテリジェント推奨、線形、対数、指数、多項式、累乗があります。詳細については、「傾向線」をご参照ください。

[アノテーション]

-

チャート内のデータに異常がある場合や、特に注意が必要な場合に、色のハイライト、アイコン、コメント、データポイントなどを使用してアノテーションを追加できます。これにより、異常を特定し、適切な対応を取ることができます。詳細については、「アノテーション」をご参照ください。

次のステップ

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

  • ナビゲーションメニューを備えた複雑なトピックベースの分析ページを作成するには、ダッシュボードをデータポータルに統合します。詳細については、「データポータル」をご参照ください。