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

Quick BI:複合チャート

最終更新日:Mar 01, 2026

複合チャートは、2 つの軸を使用して、異なる規模のデータを表示します。1 つの座標系内で折れ線グラフ、棒グラフ、面グラフを組み合わせて表示できます。また、積み上げグラフや 100% 積み上げグラフなど、複雑なシナリオにも対応しています。たとえば、異なるプロジェクト間の変化トレンドを可視化する場合に利用できます。本トピックでは、複合チャートへのデータ追加およびスタイル設定方法について説明します。

前提条件

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

概要

  • シナリオ

    • トレンドウィジェットは、時間経過に伴う連続的なデータ(一般的なスケール設定に基づく)を表示し、等間隔の時間単位でトレンドを可視化するのに最適です。

    • 面グラフでは、データが時間とともにどのように変化するか(増加・減少・周期的変化・指数関数的成長など)を確認できます。

  • メリット

    • 計算機能:期間比較計算および累計計算をワンクリックで構成でき、スマート補助線およびトレンドラインを追加できます。

    • 可視化効果:折れ線グラフ、面グラフ、積み上げ面グラフ、100% 積み上げ面グラフをサポートします。ラベル、凡例、概要軸などの設定を構成できます。

    • データ比較および注釈:同一期間のデータを比較したり、値に注釈を付与したりできます。

  • 组合图效果图

制限事項

複合チャートは、主値軸/メジャー副値軸/メジャーカテゴリ軸/ディメンション、および 色の凡例/ディメンションで構成されます。

  • 主値軸および副値軸は、データのメジャーによって決定されます。少なくとも 1 つのメジャー(例:注文金額、利益金額)を選択する必要があります。

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

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

    説明

    色の凡例は、主軸または副軸にメジャー フィールドを 1 つだけ選択した場合にのみ有効化できます。

チャートデータの構成

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

    • メジャー リストから「注文金額」を見つけ、ダブルクリックするか、主値軸/メジャー 領域にドラッグします。

    • メジャー リストから「利益金額」を見つけ、ダブルクリックするか、副値軸/メジャー 領域にドラッグします。

    • ディメンション リストから「注文日(年)」を見つけ、ダブルクリックするか、カテゴリ軸/ディメンション 領域にドラッグします。

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

    image..png

  3. (任意)特定の都市のみのデータを表示する場合は、フィルターを設定して必要なデータを選択できます。image

  4. 自動リフレッシュ

    このオプションを有効化すると、システムがチャートデータを自動的にリフレッシュします。たとえば、このオプションを有効化し、期間を「5」、単位を「分」に設定した場合、システムは 5 分ごとにチャートをリフレッシュします。

チャートスタイルの構成

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

    本例では、副値軸/メジャー 上の「利益金額」の表示モードを 折れ線 に設定します。线-311

    また、標準 の上にカーソルを合わせることで、チャートの積み上げモードを変更できます。常规-311

以下では、チャートのスタイル設定について説明します。一般的なスタイル設定については、「チャートタイトルの構成」をご参照ください。

構成セクションの上部にある検索ボックスにキーワードを入力すると、設定項目 をすばやく検索できます。また、右側の image..png アイコンをクリックすることで、すべてのカテゴリを 展開または折りたたむ ことができます。

柱体..gif

描画領域

描画領域 セクションでは、複合チャートのスタイルを構成できます。

image..png

チャート設定項目

設定項目の説明

色設定

複合チャートの配色を設定できます。

チャート表示方向

チャートの表示方向を 横方向 または 縦方向 に設定できます。

チャート配置

チャート表示方向が 縦方向 の場合、チャートの配置を 左揃え または 右揃え に設定できます。

image..png

折れ線のスタイルを構成できます。折れ線タイプを 曲線 または 直線 に設定し、折れ線の スタイル および 太さ を構成し、マーカー の表示有無およびそのスタイルを選択できます。また、ヌル値の処理方法 を構成できます。

image

棒の幅を設定できます。

条形图主题宽度..gif

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

このオプションを有効化すると、デフォルト選択すべての系列の最終ディメンション値 または 指定された系列の最終ディメンション値 に設定できます。

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

第 2 Y 軸を表示 を選択できます。第 2 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 軸ラベルおよびスケール範囲の 最大値/最小値 を設定できます。

  • ステップサイズまたは分割数による カスタム間隔 を設定することもできます。

99.gif

説明

第 2 Y 軸を表示 が選択されている場合にのみ、右 Y 軸 を構成する必要があります。パラメーター設定は、左 Y 軸 と同一です。

凡例

凡例 セクションで、image アイコンをクリックしてチャートの凡例を有効化し、そのスタイルを構成できます。

  • PC 構成

    image

    チャート設定項目

    説明

    位置

    PC 上での凡例の表示位置および配置を設定します。

    • 位置が または の場合、左・中央・右の配置を選択できます。

    • 位置が または の場合、上・中央・下の配置を選択できます。また、凡例とチャートコンテンツとの距離を設定できます。

    テキスト

    PC 上での凡例のテキストスタイルを設定します。フォントの色、サイズ、太さ、スタイル(斜体)を設定できます。

  • モバイル端末構成

    image

    設定項目

    説明

    位置

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

    • 位置が または の場合、左・中央・右の配置を選択できます。

    • 位置が または の場合、上・中央・下の配置を選択できます。また、凡例とチャートとの距離を設定できます。

    説明

    位置が の場合、凡例の下にラベルを有効化できます。このオプションを有効化すると、カスタム配置はサポートされません。

    テキスト

    モバイル端末上での凡例内のメジャー名のテキストスタイルを設定します。フォントの色、サイズ、太さ、スタイル(斜体)を設定できます。

    ラベル表示内容

    位置 に設定した場合、image アイコンをクリックして凡例の下のラベルを有効化します。

    スタイル

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

    • 複数行均等分配:指定された 1 行あたりの最大列数 および 1 ページあたりの最大行数 に基づき、ラベルを自動的に均等に配置します。image

    • 単一行タイル:すべてのラベルコンテンツを 1 行で表示します。image

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

    未選択時にメトリックを表示

    スタイル複数行均等分配 または 単一行タイル に設定した場合、未選択の凡例項目のメトリック表示方法を構成できます。「-」を表示するか、空欄 のままにするかを選択できます。

    テキストスタイル

    スタイル複数行均等分配 または 単一行タイル に設定した場合、 テキストのスタイルを構成できます。

    全文表示

    スタイル複数行均等分配 または 単一行タイル に設定した場合、長いメジャー名が切り捨てられることがあります。メジャー名を完全に表示するには、全文表示 を選択します。

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

    このオプションを選択すると、フィールド ペインのツールチップ/メジャーで構成したフィールドが凡例エリアに表示されます。

    説明

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

データラベル

データラベル セクションでは、データラベルの表示有無およびそのスタイルを構成できます。

image..png

チャート設定項目

設定項目の説明

すべて表示

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

テキスト

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

ツールチップ

ツールチップ セクションで、image アイコンをクリックしてツールチップを有効化し、そのスタイルを構成できます。

  • PC 構成

    image

    チャート設定項目

    説明

    表示モード

    ツールチップの表示モードを設定します。「単一のデータポイントごと」または ディメンション値ごと を選択できます。

    コンテンツ

    ツールチップに表示するデータコンテンツを選択します。利用可能なコンテンツは構成内容によって異なります。

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

    • パーセンテージ:現在のディメンション内における、単一のデータポイントの合計に対する割合。たとえば、事務用品の総売上高に対する利益金額の割合です。

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

    説明

    フィールドを副値軸/メジャーにドラッグした場合、左 Y 軸および右 Y 軸それぞれに対してコンテンツを個別に設定できます。

    背景色

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

    テキスト

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

  • モバイル端末構成

    image

    チャート設定項目

    説明

    フローティングバブル

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

    コンテンツ

    フローティングバブルに表示するデータコンテンツを設定します。「パーセンテージ」または「合計」を選択できます。

    説明

    フィールドを副値軸/メジャーにドラッグした場合、左 Y 軸および右 Y 軸それぞれに対してコンテンツを個別に設定できます。

    • パーセンテージ:現在のディメンション内における、単一のデータポイントの合計に対する割合。たとえば、事務用品の総売上高に対する利益金額の割合です。

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

    背景色

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

    テキスト

    フローティングバブル内のテキストスタイルを設定します。フォントの色、サイズ、太さ、スタイル(斜体)を設定できます。

    軸ディメンションの表示

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

    背景色

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

    テキスト

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

系列設定

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

image

説明

フィールド タブで 色の凡例/ディメンション が有効化されている場合にのみ、系列設定 内でエイリアスおよび値表示形式を構成する必要があります。

チャート設定項目

設定項目の説明

系列フィールドの選択

必要に応じて、ディメンションまたはメジャー項目を選択します。

エイリアス

ビジネスシナリオに合ったフィールド名を設定します。

この項目は、色の凡例/ディメンション が構成されている場合にのみ設定可能です。

線のスタイル

チャート内の折れ線のスタイルおよび太さを設定します。

説明

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

マーカーを表示

チャート内の折れ線上にマーカーを表示するかどうかを指定します。マーカーを円、中抜き円、菱形、中抜き菱形に設定できます。

説明

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

データラベルを表示

データラベルの表示有無を選択し、ラベルの色および位置を設定します。

値表示形式設定

データラベルを表示する場合、ラベル内の値の表示形式を構成できます。「自動調整」「カスタム」「手動」から選択できます。

この項目は、色の凡例/ディメンション が構成されている場合にのみ設定可能です。

最大値/最小値を表示

複合チャート内の最大値および最小値のラベルを表示します。

説明

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

補助表示

チャート軸上のデータが密すぎて、現在のコンテナーのサイズ内に完全に表示できない場合、image アイコンをクリックしてチャート表示コントロールを有効化できます。これにより、レポートの視聴者がスライダーを使用してチャートの可視範囲を動的に調整できるようになり、データ整合性および可読性を確保しながら柔軟なユーザーエクスペリエンスを提供します。

チャート軸上の可視範囲は、以下の 2 種類のコントロールで制御できます:概要軸 および スクロールバー

image

チャート設定項目

説明

概要軸

概要軸 を選択すると、完全データ(概要軸)の簡易トレンドチャートがチャートの下部に表示されます。レポートの視聴者は、選択領域をドラッグして全データをすばやく閲覧したり、特定の範囲内のデータにフォーカスしたりできます。概要軸は絶対座標を使用するため、概要軸上の選択間隔は、実際の軸上の固定数のデータ項目に対応します。これは、比較分析や直接位置決めが必要な複雑なシナリオに適しています。image デフォルトでは、概要軸はチャートコンテナーの表示幅を超えるデータ量がある場合にのみ表示されます。「常に表示」を選択すると、チャートデータが画面を満たさない場合でも概要軸が表示されます。

スクロールバー

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

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

説明

チャートに対して視覚的コントロールが構成されておらず、チャートサイズが小さすぎる場合、システムは自動的に 概要軸 を有効化します。概要軸は、データ量がチャートコンテナーの表示幅を超える場合にのみ表示されます。

チャート分析の構成

設定項目

名称

説明

インタラクティブ分析

掘削

チャートに対して詳細表示機能を構成すると、ドリルダウンレベルの行の表示スタイルを構成できます。詳細については、「詳細表示」をご参照ください。

フィルターの相互作用

分析対象のデータが複数のチャートに存在する場合、フィルターの相互作用を使用して複数のチャートを関連付け、データ分析を行えます。詳細については、「フィルターの相互作用」をご参照ください。

ジャンプ

分析対象のデータが複数のダッシュボードに存在する場合、ダッシュボードジャンプを使用して複数のダッシュボードを関連付け、データ分析を行えます。ジャンプには パラメーター ジャンプ および 外部リンク が含まれます。詳細については、「ジャンプ」をご参照ください。

分析およびアラート

補助線

補助線を使用して、現在のメジャー値と補助線に設定された値の差異を確認できます。補助線の値は、静的フィールドまたは計算値のいずれかになります。計算値には、平均値、最大値、最小値、中央値が含まれます。詳細については、「分析およびアラート」をご参照ください。

トレンドライン

トレンドラインを使用して、現在のデータの全体的な発展トレンドを表示できます。トレンドラインには、AI 推奨、線形、対数、指数、多項式、べき乗関数があります。詳細については、「トレンドライン」をご参照ください。

注釈

-

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

次のステップ

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

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