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

Quick BI:メトリックトレンドチャート

最終更新日:Jun 17, 2026

指標トレンドチャートは Quick BI のコンポーネントで、1 つ以上の主要なメトリクスの最新データまたは集計値と、選択した期間におけるトレンドをあわせて表示します。主要な値と傾向線 (または面グラフ、棒グラフ) を組み合わせることで、ユーザーはメトリックのパフォーマンスをすばやく評価し、ビジネス上の潜在的な異常や注目すべきポイントを特定できます。

重要

バージョン 5.5.2 では、トレンドチャートのビジュアル設定とレンダリングを改善しました。この更新は、PC およびモバイルの一部のコンポーネントのスタイルに影響を与える可能性があります。アップグレード後、ダッシュボードをご確認ください。必要に応じて、スタイルを手動で調整するか、Quick BI サポートチームまでお問い合わせください。

前提条件

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

チャート

メリット

  • 計算機能:期間比較や前年比などの高度な計算をワンクリックで設定できます。

  • データの可視化:ロゴを追加し、バックグラウンド、フォントサイズ、色をカスタマイズできます。

  • 注釈:カスタムテキストまたはメトリックを追加し、ハイパーリンクを設定して他のシステムと連携できます。

ユースケース

指標トレンドチャートは、特定の期間におけるメトリックデータとトレンドを表示します。メトリックの変化を観察することで、ビジネス上の異常をすばやく特定できます。

指标趋势图

制限事項

メトリックトレンドチャートを使用する前に、以下の前提条件と制限事項を確認してください。

  • 前提条件:ダッシュボードを作成済みであること。詳細については、「ダッシュボードの作成」をご参照ください。

  • フィールド設定の制限事項:

    メトリックトレンドチャートは、メトリック / メジャー日付 / ディメンション で構成されています。

    • 日付軸は、注文日 (日) などのデータ内の 1 つのディメンションによって定義されます。

    • チャートの値は、注文数や注文金額などのデータ内の 1 つ以上のメジャーによって定義されます。

チャートデータの設定

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

    • [ディメンション] リストから order_date (day)[日付 (ディメンション)] エリアにダブルクリックまたはドラッグします。

    • [メジャー] リストから order_quantityorder_amountshipping_cost、および profit_amount をダブルクリックするか、[指標 (メジャー)] エリアにドラッグします。

  2. [デフォルトのメトリック値] を選択し、[更新] をクリックします。チャートが自動的に更新されます。

    • [最新日のデータ]:選択した期間内の最新日のデータを表示します。

      例えば、[最新日のデータ] を選択した場合、メトリックカードには期間の最終日である 2016年12月30日のデータが表示されます。

      image..png

    • [集計データ]:選択した時間範囲の集計値を表示します。

      たとえば、[集計データ] を選択した場合、メトリックカードには 2016 年 12 月 1 日から 2016 年 12 月 30 日までの期間の集計値が表示されます。

      image..png

チャートスタイル

本セクションでは、メトリック傾向チャートのスタイル設定を説明します。

チャートの種類

チャートのレイアウトタイプを選択します。このタイプで、メトリックブロックとトレンドチャートの配置が決まります。3 種類あります。image

チャートタイプ

説明

メトリクスタブ・トレンドチャート

各メトリクスと対応するトレンドチャートを、個別のタブに表示します。タブをクリックすると、そのメトリクスのトレンドチャートを表示できます。このチャートタイプはレポートインターフェイスをすっきりと保ち、ユーザーが 1 つのメトリクスに集中できるようにします。

image

ミニトレンドチャート (上下)

各メトリクスの値をトレンドチャートの上に重ねて表示します。このレイアウトは、メトリクスの値と傾向をあわせて確認するのに適しており、ユーザーがメトリクスの変化をすばやく把握するのに役立ちます。

image

ミニトレンドチャート (左右)

各メトリクスの値を対応するトレンドチャートの横に並べて表示します。このレイアウトにより、ユーザーはメトリクスの値と傾向をひと目で比較できます。ミニトレンドチャート (上下) と比べて、このレイアウトは値とチャートの両方を明確に表示できるため、より幅の広いスクリーンに適しています。

image

メトリクス

[メトリクス] タブで、チャートのメトリクスを設定します。

  • クイックレイアウト

    プライマリインジケーターとセカンダリインジケーターのレイアウトを設定します。たとえば、セカンダリインジケーターがプライマリインジケーターの前年比 (YoY) 変化を示す場合、インジケーターとそれに対応する YoY 値のレイアウトを設定できます。セカンダリインジケーターを無効にした場合、このオプションはインジケーター名とその値の間のレイアウトを制御します。

    レイアウトタイプ

    プライマリ/セカンダリ 1

    image

    プライマリ/セカンダリ 2

    image

    プライマリ/セカンダリ 3

    image

    プライマリ/セカンダリ 4

    image

    プライマリ/セカンダリ 5

    image

    プライマリ/セカンダリ 6

    image

    プライマリ/セカンダリ 7

    image

  • インジケーターレイアウト

    [インジケーターレイアウト] セクションで、インジケーターブロックのレイアウトを設定します。利用可能なオプションは、チャートのレイアウトタイプによって異なります。

    • [チャートタイプ][インジケータータブトレンドチャート] に設定されている場合、次のオプションを設定できます。image

      パラメータ

      説明

      インジケーターとトレンドチャートの連動

      [単一選択][複数選択] のモードに対応しています。

      • [単一選択]: 一度に 1 つのメトリックのトレンドチャートのみを表示します。

      • [複数選択]: 複数のメトリクスのトレンドチャートを同時に表示します。

      111

      インジケーターブロックグループの表示形式

      チャートのメトリックが多すぎて一度に表示できない場合、[水平スクロール] を選択してスワイプで追加のインジケーターを表示するか、[新しい行に折り返す] を選択してすべてのインジケーターを表示できます。また、1 行あたりのインジケーターブロック数も設定できます。

      image

      背景色

      インジケーターブロックの [背景色] モードを設定します。インジケーターブロックの色は、トレンドチャートの配色と一致します。次のモードを利用できます:[半透明効果][ソリッドスタイル]

      • [半透明効果]:トレンドチャートの配色に透明度を追加して適用します。

      • [ソリッドスタイル]:トレンドチャートの配色と完全に一致させます。

      インジケーターブロックの間隔

      インジケーターブロック間の距離を設定します。

      インジケーターブロックの高さ

      [インジケーターコンテンツ][インジケーターブロック] の境界線との間の [距離] を設定して、インジケーターブロックの高さを調整します。

    • [チャートタイプ][ミニトレンドチャート (縦/横)] に設定されている場合、次のオプションを設定できます。image

      パラメータ

      説明

      インジケーターブロックグループの表示形式

      [1行あたりのインジケーターブロック数] を設定します。111

      インジケーターブロックの区切り

      インジケーターブロック間の区切りモードを設定します。オプションには、[区切りなし][仕切り線][背景塗りつぶし] があります。111

      仕切り線の色

      区切りモードが [仕切り線] に設定されている場合、仕切り線の色を設定できます。

      背景色

      区切りモードが [背景塗りつぶし] に設定されている場合、背景色を設定できます。すべてのインジケーターブロックの背景に統一された [単色] を設定するか、[多色] モードを使用して、背景色をトレンドチャートの配色設定と一致させることができます。111

      インジケーターブロックの間隔

      インジケーターブロック間の距離を設定します。

  • インジケーターコンテンツ

    [インジケーターコンテンツ] セクションで、インジケーターブロックの [コンテンツの位置、表示方法、フォントスタイル、インジケーターの装飾スタイル] を設定します。image

    パラメータ

    説明

    プライマリインジケーターとセカンダリインジケーターのレイアウト

    プライマリインジケーターとセカンダリインジケーターの配置を設定します。オプションには、[縦][横] があります。111

    名前と値の位置

    [プライマリインジケーターとセカンダリインジケーターのレイアウト][縦] に設定されている場合、インジケーター名と値のレイアウトを設定できます。111

    インジケーターブロック内のコンテンツ位置

    インジケーターブロック内のコンテンツの位置を設定します。

    • [プライマリインジケーターとセカンダリインジケーターのレイアウト][縦] の場合、オプションには [左揃え][中央揃え][右揃え] があります。

    • [プライマリインジケーターとセカンダリインジケーターのレイアウト][横] の場合、オプションには [両端揃え] または [左揃え] があります。

    コンテンツの配置

    インジケーターブロック内のテキストの配置を設定します。サポートされるオプションは、[左][中央][右] です。

    インジケーター値の行間

    [標準][コンパクト] のモードを利用できます。

    フィールド説明アイコン

    [アセットを使用] を有効にし、フィールド説明アイコンの色を設定します。

    NULL 値の処理

    有効にすると、単一の時間粒度のクエリでデータが返されない場合、インジケーターブロックに「-」が表示されます。

    プライマリインジケーター名の表示

    インジケーターブロックにプライマリインジケーターの名前を表示するかどうかを指定します。image

    フォントサイズの設定

    [フォントサイズの設定を有効にする] を選択して、[プライマリインジケーター名][プライマリインジケーター値][フォントサイズ、色、太字/斜体スタイル] を設定します。

    インジケーターの装飾

    [プライマリインジケーターの装飾を表示] を選択して、そのスタイルを設定します。次の設定を利用できます。

    • 装飾の位置[プライマリインジケーターとセカンダリインジケーターのレイアウト][横] の場合、位置を [左][上][右][名前の左] に設定できます。[プライマリインジケーターとセカンダリインジケーターのレイアウト][縦] の場合、上、中央、下に配置できます。

      image

    • 円のスタイル[半透明][ソリッド][背景なし] が利用できます。111

    • 角の半径:装飾アイコンの角の半径を設定します。

    • インジケーターからの距離:インジケーターの装飾とインジケーターの間の距離を設定します。

    • アイコンサイズ:選択すると、インジケーターの装飾のサイズをカスタマイズできます。

    • 装飾タイプ[アセット][画像フィールド] が利用できます。

      1. [画像フィールド] オプションは、データセットに画像フィールド (2) が含まれている場合にのみ利用できます。

      2. [アセット] を選択すると、[アセットアイコン] を使用するか、[ローカル画像をアップロード] できます。各メトリックに固有のアセットスタイルを指定できます。

        説明

        PNG、JPG、GIF 形式のみに対応しており、最大ファイルサイズは 1 MB です。

        image

  • セカンダリインジケーター

    [セカンダリインジケーター] セクションで、セカンダリインジケーターのコンテンツ、レイアウトスタイル、その他の設定を有効にして設定します。

    パラメータ

    説明

    比較インジケーターの選択

    セカンダリインジケーターを有効にし、ドロップダウンリストから比較するメトリックを選択します。image

    セカンダリインジケーターのコンテンツ

    セカンダリインジケーターの比較コンテンツを設定します。システムは、[日付/ディメンション] で設定された日付フィールドの粒度に基づいて、期間比較オプションを自動的に生成します。たとえば、日付フィールドの粒度が「日」の場合、日次比較、週次比較、月次比較などのオプションが利用可能になります。

    ここでは、次の操作を実行できます。

    • オプションの横にあるチェックボックスをオンにして、そのセカンダリインジケーターのコンテンツを表示します。最大 2 つのインジケーターを選択できます。image

    • [フィールドを追加] をクリックして [フィールドを追加] ダイアログを開き、セカンダリインジケーターの比較コンテンツをカスタマイズできます。これには、[集計方法][表示形式][条件付き書式][補助トレンドチャート] が含まれます。

    • image

    • image アイコンをクリックしてドラッグし、インジケーターを並べ替えて、チャート内の表示順序を調整します。

    • image アイコンをクリックして [セカンダリインジケーターのコンテンツ設定] ダイアログを開き、現在のインジケーターの [表示形式][条件付き書式][補助トレンドチャート] を調整します。image

    設定を他の比較インジケーターに同期

    現在の設定を適用するメトリックを選択します。

    セカンダリインジケーターの位置

    セカンダリインジケーターの位置を設定します。[プライマリインジケーターの下] に配置するか、[独立したブロック] に配置できます。独立したブロックに配置する場合、プライマリインジケーターとセカンダリインジケーターの間隔も調整できます。

    インジケーターの配置

    セカンダリインジケーターが複数ある場合、縦または横に配置できます。111

    • [縦] 配置の場合、セカンダリインジケーターの名前と値の配置を設定できます。111

    • [横] 配置の場合、1行あたりのセカンダリインジケーター数、名前と値のレイアウトスタイル、位置と配置を設定できます。111

    インジケーターブロックの区切り

    セカンダリインジケーター間に仕切り線と背景を表示するかどうかを設定します。仕切り線と背景の色もカスタマイズできます。111

    セカンダリインジケーター名の表示

    セカンダリインジケーターの名前を表示するかどうかを指定します。

    セカンダリインジケーターのフォントスタイルを設定

    セカンダリインジケーターのフォントスタイルと色を設定します。

  • 系列の設定

    [系列の設定] で、データ系列のマーカー、データラベル、最大/最小値ラベル、接頭辞/接尾辞を設定します。

    image

    パラメータ

    説明

    フィールドを選択

    設定するフィールドを選択します。選択可能なフィールドは、[Indicator/Metric] エリアに追加されたメトリック項目です。

    マーカーを表示

    トレンドチャート上のマーカーを表示または非表示にし、マーカースタイルを選択します。image

    説明

    このオプションは、トレンドチャートが折れ線グラフまたは面グラフの場合にのみ利用できます。image

    線のスタイル

    トレンドチャートの線のスタイルと太さを設定します。

    説明

    このオプションは、トレンドチャートが折れ線グラフまたは面グラフの場合にのみ利用できます。image

    データラベルを表示

    データラベルを表示または非表示にし、フォントの色、サイズ、太さ、斜体スタイルを含むテキスト形式を設定します。image

    最大/最小値を表示

    チャート上の最大値と最小値のラベルを表示または非表示にし、ラベルの位置、表示内容、背景色、テキスト形式を設定します。image

    メトリック値の接頭辞と接尾辞

    チャート上のメトリックデータ値の接頭辞と接尾辞を設定します。スタイル設定が有効な場合、接頭辞と接尾辞のテキストスタイルも設定できます。image

  • 条件付き書式

    [条件付き書式] セクションで、メトリクスの条件付き書式を設定します。

    image

    パラメータ

    説明

    [フィールドを選択]

    条件付き書式を設定するメトリックフィールドを、[指標/メトリック] エリアに追加されたメトリック項目から選択します。

    設定後に書式を削除するには、フィールドパネルの右下にある [書式を一括クリア] をクリックします。選択リストでクリアする書式を選択し、[OK] をクリックして削除します。image

    [クイックスタイル]

    組み込みスタイルの選択肢から、現在のメトリックフィールドのマーカーアイコンまたはフォント色を設定します。image

    • 比較[0 と比較] または [平均と比較] を選択できます。

    • 色を反転:たとえば、0 と比較する場合、通常は 0 未満の値が赤、0 より大きい値が緑になります。色を反転すると、このロジックが逆転し、0 未満の値が緑、0 より大きい値が赤になります。

    • クリア:クイックスタイルが不要になった場合は、[クリア] をクリックして削除します。

    [カスタムスタイル]

    クイックスタイルに加えて、現在のメトリックフィールドのカスタムスタイルを設定できます。[テキスト][アイコン] のスタイルを利用できます。

    • テキスト:フィールド値を特定のスタイルで表示するルールを設定し、チャート内の重要なデータを視覚的に強調します。image 次の情報を設定する必要があります。

      • 基準フィールド:ルールが適用されるデータフィールド。デフォルトでは、[フィールドを選択] で選択されたフィールドです。チャート内の別のメトリックを選択して、そのメトリックの値に基づくより複雑なルールを作成することもできます。

      • 条件タイプ:条件ルールの比較基準を設定します。[固定値と比較] または [動的フィールドと比較] に設定できます。

      • 条件ルール:ルールの具体的なロジックと、ルールが満たされたときのテキストの表示スタイルを定義します。テキストの色、太字、斜体スタイルを設定できます。

      • ルールを追加:クリックして新しい条件ルールを追加します。

    • アイコン:比較結果に基づいてデータの横に特定のマーカーアイコンを表示し、現在のデータと目標値の関係を明確に示します。image 次の情報を設定する必要があります。

      • 基準フィールド:ルールが適用されるデータフィールド。デフォルトでは、[フィールドを選択] で選択されたフィールドです。チャート内の別のメトリックを選択して、そのメトリックの値に基づくより複雑なルールを作成することもできます。

      • 条件タイプ:条件ルールの比較基準を設定します。[固定値と比較] または [動的フィールドと比較] に設定できます。

      • 条件ルール[マーカーアイコン] セレクターをクリックして、システム提供のアイコンセットからアイコンタイプを選択します。次に、対応するデータ条件の具体的なロジックを定義します。各比較ルールに固有のマーカーアイコンを選択することもできます。

      • ルールを追加:クリックして新しい条件ルールを追加します。

    [スタイルを同期]

    現在の条件付き書式を他のメトリックに適用します。

    アイコンの位置とサイズ

    インジケーターブロック内の条件付き書式アイコンの位置とサイズを設定します。

トレンドチャート

[トレンドチャート] タブで、[トレンドチャートを有効にする] を選択し、チャートを設定します。

  • チャートエリア

    [チャートエリア] では、 [グラフ種類スイッチ][カラー設定] などを設定できます。 image

    パラメーター

    説明

    グラフ種類スイッチ

    [折れ線グラフ][面グラフ][縦棒グラフ] を切り替えることができます。 111

    カラー設定

    メトリック全体の配色を設定したり、各メトリックに特定の色を割り当てたりできます。 111

    線の形状

    (折れ線グラフと面グラフの場合)

    [滑らかな線][直線] に対応しています。

    線のスタイル

    (折れ線グラフと面グラフの場合)

    線のスタイルと太さを設定します。

    マーカーの表示

    (折れ線グラフの場合)

    マーカーの表示/非表示を設定し、その形状をカスタマイズします。 image

    Null 値の処理

    (折れ線グラフと面グラフの場合)

    [Null 値を接続][0 に設定][線を中断] の 3 つの方法に対応しています。

    [日付範囲の設定]

    デフォルトは 30 日です。

  • [軸] セクションで、X 軸、左 Y 軸、右 Y 軸のスタイルを設定します。

    9021.png

    パラメーター

    パラメーター

    説明

    第2Y軸の表示

    第 2 Y 軸を表示または非表示にします。

    X 軸

    X 軸の表示

    X 軸を表示または非表示にします。

    タイトルと単位の表示

    X 軸の[軸タイトル][単位]を表示または非表示にします。

    軸ラベルの表示

    X 軸のラベルを表示または非表示にします。

    目盛りの表示

    X 軸の目盛りを表示または非表示にします。

    軸線の表示

    軸線の表示を切り替え、その種類、幅、色を設定できます。

    グリッド線の表示

    X 軸のグリッド線の表示を切り替え、その線の種類、幅、色を設定できます。

    左 Y 軸

    左 Y 軸の表示

    左 Y 軸を表示または非表示にします。

    Y 軸の反転

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

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

    [軸タイトル][単位] を表示または非表示にします。名前、位置、テキストスタイルを設定することもできます。

    軸ラベルの表示

    左 Y 軸のラベルを表示または非表示にします。有効にすると、[軸ラベル形式][テキストスタイル] を設定できます。軸ラベル形式には、[自動][カスタム] の 2 つのモードがあります。

    • デフォルトのモードは [自動] です。このモードでは、軸ラベルはメトリックフィールドの データ形式設定 を継承します。複数のメトリックフィールドが存在する場合、最初のフィールドの形式が使用されます。

    • [カスタム] モードでは、 image アイコンをクリックして [データ形式設定] ダイアログボックスを開き、データ形式を設定します。このダイアログボックスのオプションの説明については、データ表示形式 > カスタム をご参照ください。

    目盛りの表示

    左 Y 軸の目盛りを表示または非表示にします。

    軸線の表示

    左 Y 軸線の表示を切り替え、その線の種類、幅、色を設定できます。

    グリッド線の表示

    左 Y 軸のグリッド線の表示を切り替え、その線の種類、幅、色を設定できます。

    軸の範囲と間隔

    • 軸の範囲を自動的に設定するか、左 Y 軸の [最大値/最小値] を手動で設定できます。

    • ステップサイズまたはセグメント数で [カスタム間隔] を設定できます。

    96.gif

    説明

    [右 Y 軸] は、[第2Y軸の表示] が有効になっている場合にのみ設定できます。そのパラメーターは [左 Y 軸] と同じです。

  • 凡例

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

    image

    パラメーター

    説明

    スタイル

    凡例アイコンのスタイルを設定します。[自動][線のみ][線とマーカー] から選択します。

    説明
    • 線とマーカーを選択すると、凡例はチャートに既に設定されているマーカースタイルを継承します。マーカースタイルが設定されていない場合、デフォルトでは塗りつぶし円になります。

    • テーマデザイン > 共通コンテンツスタイル[凡例記号をテキストに合わせて拡大縮小] を選択すると、凡例アイコンのサイズと太さが、チャートの線の太さと凡例テキストのサイズに比例して拡大縮小されます。

    • この設定は、折れ線グラフと面グラフにのみ適用されます。

    位置

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

    • 位置を [上] または [下] に設定すると、凡例を左、中央、右に揃えることができます。

    • 位置を [左] または [右] に設定すると、凡例を上、中央、下に揃えることができます。凡例とチャートコンテンツの間の距離も設定できます。

    テキスト

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

    モバイル凡例設定

    凡例設定は、デスクトップとモバイルで個別に設定できます。ダッシュボードエディターの上部にあるデスクトップ/モバイル切り替えスイッチ (image) を使用して、各プラットフォームの凡例の位置とテキストスタイルをカスタマイズできます。 image

  • データラベル

    [データラベル] セクションで、ラベルの表示スタイルを設定します。

    image

    パラメーター

    説明

    すべてのラベルを表示

    有効にすると、システムはラベルの位置をインテリジェントに調整して重複を防ぎます。ただし、データラベルが多すぎる場合、軸エリアからはみ出す一部のラベルは非表示になる可能性があります。このオプションを有効にすると、[データラベルの重複を許可] を選択することもできます。

    テキスト

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

  • ツールチップ

    [ツールチップ] セクションで、ツールチップの表示方法を設定します。

    • デスクトップ設定

      image

      パラメーター

      説明

      表示モード

      ツールチップ情報の表示方法を設定します。オプションとして、[データポイントごと][ディメンション値ごと] があります。

      コンテンツ

      ツールチップに表示するデータコンテンツを指定します。使用可能なオプションは、他の設定によって異なります。

      • [メトリックレイアウト] > [メトリックとトレンドチャートの連動][複数選択] が有効になっている場合、コンテンツのオプションに合計とパーセンテージが含まれます。使用可能なオプションは表示モードによって異なります。[パーセンテージ] は「データポイントごと」モードで使用でき、[合計][パーセンテージ] は「ディメンション値ごと」モードで使用できます。

      • [補助メトリック] が有効になっている場合、コンテンツオプションでそれを選択できます。

      背景色

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

      テキスト

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

    • モバイル設定

      ツールチップ設定は、デスクトップとモバイルで個別に設定できます。ダッシュボードエディターの上部にあるデスクトップ/モバイル切り替えスイッチ (image) を使用して、モバイルデバイスのツールチップを設定できます。 image

      パラメーター

      説明

      フローティングバブル

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

      コンテンツ

      フローティングバブルに表示するデータコンテンツを設定します。使用可能なオプションは、他の設定によって異なります。

      • [メトリックレイアウト] > [メトリックとトレンドチャートの連動][複数選択] が有効になっている場合、コンテンツのオプションに合計とパーセンテージが含まれます。

      • [補助メトリック] が有効になっている場合、コンテンツオプションでそれを選択できます。

      背景色

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

      テキスト

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

      軸ディメンションの表示

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

      背景色

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

      テキスト

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

  • 表示ヘルパー

    チャートに表示しきれないほど多くのデータが含まれている場合、 image アイコンをクリックして表示ヘルパーを有効にできます。これらのコントロールにより、閲覧者はスクロールしてチャートの表示範囲を動的に調整できるため、インタラクティブ性と可読性が向上します。 image

    チャート軸の表示領域を管理するために、次の 2 種類のコントロールを使用できます。[サムネイル軸][スクロールバー]

    パラメーター

    説明

    サムネイル軸

    [サムネイル軸] を選択すると、すべてのデータを示す簡略化されたトレンドチャートがチャートの下部に表示されます。閲覧者は選択エリアをドラッグして、すべてのデータを素早く閲覧したり、特定の範囲に焦点を当てたりできます。サムネイル軸は絶対座標系を使用します。つまり、選択された間隔は実際の軸上の固定されたデータポイント数に対応します。これは、比較分析や直接ナビゲーションが必要な複雑なシナリオに適しています。 image デフォルトでは、サムネイル軸はデータ量がチャートコンテナの幅を超える場合にのみ表示されます。常に表示するには、[常に表示] を選択します。これにより、チャートデータが画面を満たしていない場合でも表示されたままになります。

    スクロールバー

    [スクロールバー] を選択すると、チャートの下部に水平スクロールバーが表示されます。レポート閲覧者はスライダーをドラッグして、ビューを水平方向にスクロールできます。スクロールバーは比例的に動作し、スライダーの長さと位置は、表示ウィンドウとデータ範囲全体の比率によって決定されます。これは、一般的な閲覧シナリオに適しています。 image 最小カテゴリ幅を設定して、現在のウィンドウ内のデータ量を制限することもできます。これにより、チャートコンテンツが表示領域に明確に表示され、データラベルの重複や密集したデータポイントによる視覚的な混乱を防ぎます。デフォルトの最小カテゴリ幅は 32 px で、値の範囲は 16 px から 100 px です。 image

    各カテゴリが設定された最小幅を維持した結果、すべてのデータカテゴリを表示するために必要な合計幅がチャートの表示領域を超える場合に、スクロールバーが表示されます。スクロールバーが有効になっている場合、チャート要素とデータラベルはプロット領域に制限されます。マーカーやデータラベルなど、はみ出した部分は、収まるように自動的にクリップまたは再配置されます。

    説明

    データ量に対してチャートが小さすぎる場合で、表示ヘルパーが設定されていない場合、システムは自動的に [サムネイル軸] を有効にします。これは、データ量がチャートコンテナの幅を超える場合にのみ表示されます。

一般

[一般] タブで、チャートの一般設定を構成します。

  • タイトルとカード

    チャートスタイルの一般設定については、「チャートタイトルエリアの設定」をご参照ください。

  • 補助表示

    [補助表示] で、[指標フィルタリングを有効にする] をオンにし、デフォルト の タブを選択します。

    111

チャート分析の設定

カテゴリ

パラメーター

説明

データ連携

[連携]

複数のチャートに分散したデータを分析するには、チャート間に連携を作成します。詳細については、「連携」をご参照ください。

[ハイパーリンク]

複数のダッシュボードにまたがるデータを分析するには、ハイパーリンクを使用してダッシュボードを接続します。[パラメーターハイパーリンク][外部リンク] の 2 種類がサポートされています。詳細については、「ハイパーリンク」をご参照ください。

セカンダリメトリック

セカンダリメトリックのコンテンツ

セカンダリメトリックの比較を設定します。システムは、[Date/Dimension] で設定した日付の粒度に基づいて、対応する前期比および前年同期比のオプションを自動的に生成します。たとえば、日付フィールドのタイプが日の場合、前日比、前週比、前月比のオプションを選択できます。

次の操作を実行できます。

  • セカンダリメトリックとして表示するオプションを最大 2 つ選択できます。image

  • [Add Field] をクリックして [Add Field] ダイアログボックスを開き、比較用のセカンダリメトリックをカスタマイズできます。ここでは、[Aggregation Method][Display Format][Conditional Formatting][Auxiliary Trend Chart] などを設定できます。image

  • image アイコンをクリックしてセカンダリメトリックをドラッグし、チャート内の表示順序を変更できます。

  • image アイコンをクリックして [Secondary Metric Content Settings] ダイアログボックスを開き、現在のセカンダリメトリックの [Display Format][Conditional Formatting][Auxiliary Trend Chart] の設定を調整できます。image

設定を他の比較メトリックに同期

現在のセカンダリメトリック設定を適用するメジャーフィールドを選択します。

セカンダリメトリックの位置

セカンダリメトリックの表示位置を設定します。[Below Primary Metric] または [Independent Block] を選択できます。

セカンダリメトリックのフォントスタイルを設定

セカンダリメトリックのフォントスタイルと色を設定します。

[分析とアラート]

[リファレンスライン]

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

[アノテーション]

-

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

次のステップ

よくある質問

1. メトリックトレンドチャートとメトリックダッシュボードの違い

A: メトリックダッシュボードは、主要なメトリックの静的な値を表示し、値そのものを重視します。一方、メトリックトレンドチャートには時間ディメンションが含まれており、メトリックが時間の経過とともにどのように変化するかを示します。メトリックの値 (最終日のデータまたは期間の集計データとして) を表示し、傾向と動的な変化に焦点を当てます。

2. 売上高と前月比変化率の表示

A: これを行うには、セカンダリメトリックを設定します。[分析] タブで、[セカンダリメトリック] 設定に移動します。まず、セカンダリメトリックを有効にし、[比較メトリックの選択][売上高] を選択します。次に、[セカンダリメトリックのコンテンツ] セクションで、システムが生成した [前月比] オプション (日付ディメンションで使用可能な場合) を選択するか、[フィールドを追加] をクリックしてカスタム計算を作成します。セカンダリメトリックの位置とフォントスタイルも設定できます。

3. 最終日のデータと集計データ

A: 「最終日のデータ」は、選択した時間範囲内の最後のデータポイントの値です。たとえば、時間範囲が 12 月 1 日から 30 日の場合、12 月 30 日のデータが表示されます。一方、「期間の集計データ」は、時間範囲全体 (例:12 月 1 日から 30 日) に対する単一の集計値 (合計や平均など) です。使用される集計は、メジャーフィールドのデフォルトの集計方法によって異なります。

4. トレンドチャートを棒グラフに変更

A: [スタイル] タブで、[トレンドチャート] 設定に移動します。チャートタイプが [トレンドチャートを表示] に設定されている場合、[ビジュアライゼーションスイッチャー] オプションが表示されます。このスイッチャーを使用して、メイントレンドチャートを棒グラフに変更します。[スパークライン付きメトリック] が選択されている場合、スパークライン (通常は折れ線グラフまたはエリアチャート) を棒グラフに変更することはできません。