エリアチャートは、時系列でのデータの傾向と各系列の割合を示します。このガイドでは、エリアチャートにデータを追加し、スタイルを設定する方法について説明します。
前提条件
ダッシュボードが必要です。詳細については、「ダッシュボードの作成」をご参照ください。
概要
ユースケース
エリアチャートでは、時系列データの変化を分析して、増加、減少、周期的なパターン、指数関数的な成長などの傾向を特定できます。
主な機能
計算機能:前年比/前月比と累計計算をワンクリックで設定できるほか、補助線、傾向線、傾向予測、異常検知、変動分析などの高度な分析機能も備えています。
可視化オプション:エリアチャート、積み上げエリアチャート、100% 積み上げエリアチャートなど、複数のチャートスタイルに対応し、ラベル、凡例、概要軸などの表示要素も備えています。
データ比較と注釈:期間比較と値ラベルに対応しています。
例

制限事項
エリアチャートは、[値軸]、[カテゴリ軸]、[色の凡例]、分割フィールドで構成されます。
カテゴリ軸には、日付、都道府県、製品タイプなど、少なくとも 1 つのディメンションが必要です。
値軸には、注文数など、少なくとも 1 つのメジャーが必要です。
色の凡例には、配送方法などのディメンションを 1 つのみ追加できます。
説明値軸に複数のメジャーを追加し、色の凡例にカスタムディメンションを追加する場合は、チャート内メトリックフィルターを有効にして、表示するメトリックを選択する必要があります。
分割フィールドには、製品タイプなどのディメンションを 1 つのみ追加できます。
チャートデータの設定
[Data] タブで、必要なディメンションフィールドとメジャーフィールドを選択します:
[ディメンション] リストから、[province] をダブルクリックするか、[カテゴリ軸] エリアにドラッグします。
[ディメンション] リストから、[product_type] をダブルクリックするか、[色の凡例] エリアにドラッグします。
[メジャー] リストから、[order_amount] をダブルクリックするか、[値軸] エリアにドラッグします。
[update] をクリックします。

(オプション) 追加のディメンションフィールドを [分割] エリアに追加してファセットモードを有効にできます。これにより、さまざまなディメンション値にわたるデータの傾向をより直感的に可視化できます。
説明分割ディメンションフィールドは 1 つしか追加できず、ファセットモードには次の制限があります:
[フィールド]: 分割ディメンションフィールドの場合、高度な計算機能は TopN と None のみをサポートします。
[スタイル]: デュアル Y 軸はサポートされていません。補助表示ではサムネイル軸はサポートされていません。
[詳細設定]: フィルターインタラクションのみがサポートされています。詳細設定、分析アラート、ラベル、スマートインサイトはサポートされていません。
多数のファセットを使用すると、ページの動作が遅くなることがあります。最適なパフォーマンスを得るには、ファセット数を 500 以下にすることを推奨します。

チャート スタイル
このトピックでは、チャートのスタイルを設定する方法を説明します。一般的なスタイル設定については、「チャートタイトルエリアの設定」をご参照ください。
設定パネル上部の [検索ボックス] にキーワードを入力すると、 パラメーター をすばやく見つけられます。また、右側の
アイコンをクリックすると、 すべてのカテゴリを展開または折りたたむ こともできます。

チャートエリア
[チャートエリア] セクションで、折れ線グラフのスタイルを設定します。

パラメーター | 説明 |
カラースキーム | エリアの塗りつぶしのカラースキームを設定します。システムのカラースキームを使用することも、カスタムのカラースキームを定義することもできます。 |
チャートタイプの切り替え | チャートタイプを設定します。サポートされているタイプは、[折れ線グラフ]、[面グラフ]、[積み上げ面グラフ]、[100% 積み上げ面グラフ] です。 |
線の種類 | チャートの線の種類を設定します。サポートされている種類は [曲線] と [直線] です。 |
線のスタイル | チャートの線のパターンと太さを設定します。 |
Null 値の処理 | Null 値の処理方法を指定します。使用できるオプションは、[スキップ]、[0 に設定して接続]、[線を中断] です。 |
グラデーション効果を有効化 | 有効にすると、エリアの塗りつぶしにグラデーションが適用されます。 |
Stacked and 100% stacked | Switches between an area chart, a stacked area chart, and a 100% stacked area chart.
|
モバイルでのデフォルト選択 | 有効にすると、[デフォルトで選択する項目] を [最後のグローバルディメンション値] または [指定した系列の最後のディメンション値] に設定できます。 |
ファセット
ファセットモードでは、[ファセット] セクションでレイアウトとスタイルを設定します。
ファセットモードは、[Split/Dimension] にフィールドが設定されている場合にのみアクティブになります。

パラメーター | 説明 | |
レイアウトスタイル | チャートのレイアウトを設定します。 単一列比較 と グリッドレイアウト がサポートされています。 | |
共有軸 | チャートで軸を共有するかどうかを指定します。
| |
区切り線の表示 | チャート間の区切り線を表示または非表示にします。 有効にすると、区切り線の色とスタイルを設定できます。 | |
列数 | レイアウトスタイル を グリッドレイアウト に設定した場合、チャートの配置に使用する列数を設定できます。 デフォルトでは、自動に設定されています。列数はカスタマイズすることもできます。 説明
| |
ファセットブロックの最小サイズ | 各チャートブロックの最小幅と最小高さを設定します。使用できるオプションは、レイアウトスタイルによって異なります。
| |
行と列の間隔 | チャートの行間隔と列間隔を設定します。使用できるオプションは、レイアウトスタイルによって異なります。
| |
分割ラベル | 位置 | ディメンション値ラベルの表示位置を設定します。 チャートの上 または チャートの下 に配置できます。 |
テキスト | ディメンション値ラベルのフォントの色とスタイルを設定します。 | |
配置 | ディメンション値ラベルの配置を設定します。 | |
軸
[軸] セクションで、軸のスタイルを設定します。デフォルトでは、軸は表示されています。
[デュアル Y 軸を表示] を選択できます。この設定は、メジャーが 2 つ以上追加された場合にのみ有効になります。このオプションを選択すると、[軸] セクションに [右 Y 軸] セクションが表示されます。

[名前] | [パラメーター] | [説明] |
[X 軸] | [X 軸の表示] | X 軸を表示するかどうかを指定します。 |
[タイトルと単位の表示] | X 軸に [軸タイトル] と [単位] を表示するかどうかを指定します。 | |
[軸ラベルの書式] | X 軸ラベルの表示ルールとテキストスタイルを設定します。 | |
[表示する内容] | 一部またはすべてのディメンション値を表示するかどうかを設定します。
| |
[目盛りの表示] | X 軸に目盛りを表示するかどうかを指定します。 | |
[軸線の表示] | X 軸の軸線を表示するかどうかを指定します。これには、種類、幅、色が含まれます。 | |
[軸ラベルの表示] | X 軸にラベルを表示するかどうかを指定します。 | |
[グリッド線の表示] | X 軸のグリッド線を表示するかどうかを指定します。これには、種類、幅、色が含まれます。 | |
[左 Y 軸] | [Y 軸のスケールを反転] | Y 軸のスケールを反転します。
|
[左 Y 軸の表示] | 左 Y 軸を表示するかどうかを指定します。 | |
[タイトルと単位の表示] | [軸タイトル] と [単位] を表示するかどうかを指定します。 | |
[軸ラベルの表示] | Y 軸のラベルを表示するかどうかを指定します。有効にすると、[軸ラベルの表示形式] と [テキストスタイル] を設定できます。軸ラベルの表示形式は、[自動] または [カスタム] に設定できます。
| |
[目盛りの表示] | 左 Y 軸に目盛りを表示するかどうかを指定します。 | |
[軸線の表示] | 左 Y 軸の軸線を表示するかどうかを指定します。これには、種類、幅、色が含まれます。 | |
[グリッド線の表示] | 左 Y 軸のグリッド線を表示するかどうかを指定します。これには、種類、幅、色が含まれます。 | |
[軸の範囲と間隔] |
|
[右 Y 軸] は、[デュアル Y 軸の表示] を選択した場合にのみ設定する必要があります。パラメーターは [左 Y 軸] と同じです。
凡例
[凡例] セクションで、
アイコンをクリックしてチャートの凡例を有効にし、スタイルを設定します。
PC 設定

パラメーター
説明
スタイル
凡例アイコンのスタイルを設定します。次のスタイルがサポートされています: 自動、 線のみ、 線とマーカー。
説明[線とマーカー] を選択すると、凡例はチャートで設定したマーカースタイルを使用します。マーカースタイルが設定されていない場合は、デフォルトで塗りつぶし円が表示されます。
テーマデザイン > 全般コンテンツスタイルで [凡例シンボルをテキストに合わせて拡大縮小] を選択すると、凡例アイコンと線のサイズおよび太さは、チャートの線の太さと凡例テキストのサイズに比例して調整されます。
位置
PC での凡例の表示位置と配置を設定します。
位置が [上] または [下] に設定されている場合、左、中央、右の配置を選択できます。
位置が [左] または [右] に設定されている場合、上、中央、下の配置を選択できます。また、凡例とチャートの間の距離を設定することもできます。
テキスト
PC での凡例のテキストスタイルを設定します。フォントの色、サイズ、太さ、および斜体にするかどうかを設定できます。
モバイル設定

パラメーター | 説明 | |
スタイル | モバイルデバイスにおける凡例アイコンのスタイルを設定します。サポートされているスタイルは、[自動]、[線のみ]、[線とマーカー] です。 | |
位置 | モバイルデバイスにおける凡例の表示位置と配置を設定します。
説明 位置が [上] に設定されている場合、凡例の下にラベルを有効にすることができます。 | |
テキスト | モバイルデバイスにおける凡例内のメジャー名のテキストスタイルを設定します。フォントの色、サイズ、太さ、斜体にするかどうかを設定できます。 | |
ラベルコンテンツの表示 [位置] が [上] に設定されている場合、 | コンテンツ | 凡例の下のラベルに表示するコンテンツを設定します。サポートされているオプションは、[パーセンテージ] と [合計] です。
|
スタイル | 凡例の下のラベルのレイアウトスタイルを設定します。次のオプションがあります:
| |
未選択項目の表示 | [スタイル] が [複数行均等幅] または [単一行] に設定されている場合、未選択の凡例項目の表示方法を設定できます。サポートされているオプションは、「-」と [空白] です。 | |
パーセンテージの位置 | [コンテンツ] で [パーセンテージ] が選択され、[スタイル] が [複数行均等幅] または [単一行] に設定されている場合、パーセンテージのデータの表示位置を指定できます。値ラベルの [下] または [右] に配置できます。 | |
テキストスタイル | [スタイル] が [複数行均等幅] または [単一行] に設定されている場合、値のテキストスタイルを設定できます。 パーセンテージデータの表示を選択した場合、パーセンテージに別のテキストスタイルを設定することで、値ラベルと視覚的に区別することができます。 | |
全文を表示 | [スタイル] が [複数行均等幅] に設定されている場合、長いメジャー名が省略されることがあります。それでも完全なメジャー名を表示する必要がある場合は、[全文を表示] を選択してください。 | |
ツールチップフィールドの表示 | このオプションを有効にすると、データペインの [ツールチップ/メジャー] フィールドで設定したフィールドが凡例エリアに表示されます。 説明 チャートがディメンション値によって分割されている場合 (つまり、ディメンションが凡例の色分けに使用されている場合)、ツールチップフィールドの表示はサポートされません。 | |
データラベル
[データラベル] セクションで、データラベルを表示するかどうかと、そのスタイルを設定します。

パラメーター | 説明 |
内容 | [チャートエリア] セクションの [チャートの種類] を [積み上げ面グラフ] または [100% 積み上げ面グラフ] に設定した場合、データラベルに表示するデータを選択できます。選択可能なオプションは [メジャー]、[パーセンテージ]、[合計] です。 [パーセンテージ] を選択した場合は、[パーセンテージの小数点以下の桁数] で小数点以下の桁数を 0、1、または 2 に設定することもできます。 |
フル表示 | このオプションは、重複を防ぐためにラベルの位置を自動的に調整します。ただし、ラベルがチャートエリアからはみ出す場合は、一部が表示されないことがあります。[フル表示] を有効にすると、[データラベルの重複を許可] も選択できます。 |
位置 | ラベルの表示位置を設定します。 |
テキスト | ラベルのテキストスタイルを設定します。 |
ツールチップ
ツールヒント セクションで、
アイコンをクリックしてツールヒントを有効にし、その設定を行います。
PC 設定

パラメーター
説明
表示モード
ツールヒント情報の表示方法を設定します。 [単一データポイントごと] と [ディメンション値ごと] のモードに対応しています。
コンテンツ
ツールヒントに表示するデータコンテンツを選択します。使用可能なオプションは、設定によって異なります。
表示モードが [単一データポイントごと] の場合はパーセンテージを、 [ディメンション値ごと] の場合は合計とパーセンテージを使用できます。
[パーセンテージ]:現在のディメンションの合計に対するデータポイントのパーセンテージ。たとえば、事務用品の総収益に対する利益のパーセンテージ。これを選択した場合、 [パーセンテージの小数点以下の桁数] で小数点以下の桁数を 0、1、または 2 に設定することもできます。
[合計]:現在のディメンションのすべてのメジャーの合計。たとえば、2025 年のすべての地域の総売上高。
背景色
ツールヒントの背景色を設定します。
テキスト
ツールヒント内のテキストスタイルを設定します。文字色、サイズ、太さ、斜体を設定できます。
モバイル設定

パラメーター
説明
フローティングバブル
アイコンをクリックして、フローティングバブルの表示 (①) を有効にします。コンテンツ
フローティングバブルに表示するコンテンツを設定します。パーセンテージと合計を選択できます。
[パーセンテージ]:現在のディメンションの合計に対するデータポイントのパーセンテージ。たとえば、事務用品の総収益に対する利益のパーセンテージ。これを選択した場合、 [パーセンテージの小数点以下の桁数] で小数点以下の桁数を 0、1、または 2 に設定することもできます。
[合計]:現在のディメンションのすべてのメジャーの合計。たとえば、2025 年のすべての地域の総売上高。
背景色
フローティングバブルの背景色を設定します。
テキスト
フローティングバブル内のテキストスタイルを設定します。文字色、サイズ、太さ、斜体を設定できます。
軸ディメンションの表示
アイコンをクリックして、軸ディメンションの表示 (②) を有効にします。背景色
軸ディメンションラベルの背景色を設定します。
テキスト
軸ディメンションラベルのテキストスタイルを設定します。文字色、太さ、斜体を設定できます。
系列設定
[シリーズ設定] セクションで、シリーズのスタイルを設定します。

[エイリアス] と [シリーズ値の表示形式] は、Fields ペインで [色の凡例/ディメンション] が有効になっている場合にのみ、[シリーズ設定] で設定できます。
パラメーター | 説明 |
[フィールドの選択] | ディメンションまたはメジャーを選択します。 |
エイリアス | ビジネスシナリオに合わせてフィールドのエイリアスを設定します。 このオプションは、[色の凡例/ディメンション] を使用する場合にのみ設定できます。 |
線のスタイル | 線の種類と太さを設定します。 説明 この機能は、積み上げグラフと 100% 積み上げグラフではサポートされていません。 |
[マーカーの表示] | マーカーを表示するかどうかを指定します。表示する場合、マーカーのスタイルを選択できます。 説明 この機能は、積み上げグラフと 100% 積み上げグラフではサポートされていません。 |
[データラベルの表示] | データラベルを表示するかどうかを指定し、ラベルの位置とテキスト形式を設定します。 |
系列値の表示形式 | 系列値の表示形式を設定します。自動 または カスタム を選択できます。
このオプションは、[色の凡例/ディメンション] を使用する場合にのみ設定できます。 |
[境界値の表示] | チャートに境界値ラベルを表示するかどうかを指定します。表示する場合、ラベルの [位置]、[表示する内容] (最大値/最小値) 、[背景の塗りつぶし色]、[テキストスタイル] を設定できます。 説明 この機能は、積み上げグラフと 100% 積み上げグラフではサポートされていません。 |
コントロール
[補助表示] セクションで、メトリクスフィルターとビューコントロールを設定します。

パラメーター | 説明 |
チャート内メトリクスフィルターを有効化 | チャート内メトリクスフィルターを有効にするかどうかを設定します。有効にした場合は、デフォルトで選択するメトリクスフィールドも設定できます。 |
ビューコントロール | チャートのデータが密集してコンテナーに収まらない場合は、 次の 2 種類のコントロールを使用して、チャート軸の表示範囲を制御できます: ナビゲーター と スクロールバー。
説明 ビューコントロールが設定されておらず、チャートが小さすぎる場合、システムは自動的にビューコントロールを有効にします。デフォルトは ナビゲーター で、データ量がチャートコンテナーの幅を超える場合にのみ表示されます。 |
チャート分析の設定
パラメーター | 名前 | 説明 |
インタラクション分析 | ドリルダウン | チャートにドリルダウンを設定した後、レベルの表示方法を設定できます。詳細については、「ドリルダウン」をご参照ください。 |
[連携] | データが複数のチャートにまたがる場合は、連携を使用してそれらを接続します。詳細については、「連携」をご参照ください。 | |
[ジャンプ] | データが複数のダッシュボードにまたがる場合は、ジャンプ機能を使用してそれらを連携させます。ジャンプには、[パラメータージャンプ]と[外部リンク]の 2 種類があります。詳細については、「ジャンプ」をご参照ください。 | |
[分析とアラート] | [リファレンスライン] | リファレンスラインを使用して、現在のメジャーを参照値と比較します。参照値は、固定値または計算値にできます。計算値には、平均、最大、最小、中央値が含まれます。詳細については、「リファレンスライン」をご参照ください。 |
[傾向線] | 傾向線を使用して、データの全体的な傾向を表示します。スマート推奨、線形、対数、指数、多項式、累乗の 6 つのタイプを使用できます。詳細については、「分析とアラート」をご参照ください。 | |
[注釈] | - | チャートデータに異常が含まれている場合や、特別な注意が必要な場合は、色のハイライト、アイコン、メモ、データポイントなどの注釈を追加できます。これにより、異常を発見し、適切に対応できます。詳細については、「注釈」をご参照ください。 |
次のステップ
他のユーザーがダッシュボードを表示できるようにするには、ダッシュボードを共有してください。詳細については、「ダッシュボードの共有」をご参照ください。
テーマ別分析のための複雑なナビゲーションメニューを作成するには、ダッシュボードをデータポータルに統合してください。詳細については、「データポータル」をご参照ください。













デフォルトでは、データ量がチャートコンテナーの幅を超える場合にのみナビゲーターが表示されます。ナビゲーターを常に表示する必要がある場合は、 常に表示 を選択します。このオプションを選択すると、チャートのデータがコンテナーを埋めない場合でもナビゲーターが表示されます。
さらに、スクロールバーの最小カテゴリ幅を設定して、現在のチャートウィンドウ内のデータ量を制限できます。これにより、表示エリア内のスケーリングが明確になり、データラベルの重複やデータポイントの過密による視覚的な煩雑さを回避できます。デフォルトの最小カテゴリ幅は 32 px で、値の範囲は 16 px~100 px です。