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

Quick BI:インジケータートレンドチャートの設定

最終更新日:Jun 21, 2025

インジケータートレンドチャートは、Quick BI のメトリック可視化コンポーネントであり、主に 1 つまたは複数の主要メトリック(メジャー)の最新データまたは集計データを表示するために使用され、選択した期間にわたる変化トレンドと組み合わされます。 このチャート形式は、主要な値とトレンドライン(または面グラフ、棒グラフ)を組み合わせることで、ユーザーはメトリックのパフォーマンスを迅速に評価できます。特に、トレンドの変化を観察することで、潜在的なビジネスの異常やハイライトを特定できます。

前提条件

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

概要

利点

  • 計算機能:数回クリックするだけで高度な計算機能を設定して、値を履歴データと比較できます。

  • データの可視化:チャートにロゴを追加し、背景、フォントサイズ、色などの設定を行うことができます。

  • その他の機能:テキストやメトリックを含む注釈を追加できます。 また、ハイパーリンクを追加して、メトリックを他のプラットフォームに接続することもできます。

シナリオ

特定のシナリオでは、潜在的なビジネス例外を検出するためにメトリックの変化を監視する必要があります。 インジケータートレンドチャートには、メトリック値と一定期間にわたる変化トレンドが表示されます。

サンプルチャート

指标趋势图

制限事項

インジケータートレンドチャートを適切に使用するために、以下の前提条件と設定の制限事項に注意してください。

  • 前提条件:ダッシュボードを作成する必要があります。 詳細については、「ダッシュボードの作成」をご参照ください。

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

    インジケータートレンドチャートは、インジケーター(メジャー)日付(ディメンション)で構成されます。

    • 日付(ディメンション)セクションでは、shipping_date(日)など、ディメンションを 1 つだけ指定できます。

    • インジケーター(メジャー)セクションでは、order_number や order_amt など、少なくとも 1 つのメジャーを指定する必要があります。

グラフデータの設定

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

    • [ディメンション] リストで、注文日(日)を見つけてダブルクリックするか、[日付/ディメンション] エリアにドラッグします。

    • [メジャー] リストで、order_number、order_amount、shipping_cost、および profit_amount を見つけ、ダブルクリックするか、[指標 (メジャー)] セクションにドラッグします。

  2. [デフォルトのインジケーター値] を選択し、[更新] をクリックします。システムはチャートを自動的に更新します。

    • [最新日付データ]: インジケーターカードに表示される値が、現在選択されている時間範囲内の最新の時点のデータであることを示します。

      [最新日付データ] を選択すると、インジケーターカードには最終日(2016年12月30日)のデータが表示されます。

      image..png

    • [集計データ]: インジケーターカードには、時間範囲の集計データが表示されます。

      [集計データ] を選択すると、インジケーターカードには、指定された期間(2016年12月1日から2016年12月30日)の集計データが表示されます。

      image..png

チャートスタイルの設定

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

構成パネルの上部にある [検索ボックス] にキーワードを入力して、[構成アイテム] をすばやく見つけることができます。 また、右側の image..png アイコンをクリックして、[すべてのカテゴリを展開または折りたたむ] こともできます。

指标趋势图-搜索..gif

  • トレンドチャートの種類グラフの種類色の設定「トレンドチャート」セクションで、、、および を構成します。image

    設定項目

    説明

    トレンドチャートタイプ

    次のタイプがサポートされています。トレンドチャートを表示、小さなトレンドチャート付きインジケーター

    4567

    [グラフの種類の切り替え]

    次のタイプがサポートされています。折れ線グラフ、面グラフ、棒グラフ3

    色の設定

    メトリックの全体的な配色を設定できます。 また、要件に基づいて、メトリックごとに特定の色を設定することもできます。

    111

    線の種類

    (折れ線グラフ/面グラフ)

    次のタイプがサポートされています。曲線、直線

    線スタイル

    (折れ線グラフ/面グラフ)

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

    マーカーを表示

    (折れ線グラフ)

    マーカーを表示するかどうかを指定し、マーカーの形状をカスタマイズできます。image

    NULL 値の処理

    (折れ線グラフ/面グラフ)

    次のメソッドがサポートされています。直接スキップ、0 に設定、切断しない線切断

    [日付範囲の設定]

    デフォルト値:30。 単位:日。

    凡例を表示

    凡例を表示するかどうかを指定します。

    image

    説明

    このオプションは、トレンドチャートを表示が選択されている場合にのみ使用できます。

  • [インジケーターレイアウト] セクションで、インジケーターブロックのレイアウトスタイルを設定します。

    • [トレンドチャートの種類][トレンドチャートを表示] が選択されている場合は、以下の項目を設定します。

      image..png

      設定項目

      説明

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

      インターフェースに複数のインディケータを完全に表示できない場合は、 [左右にスライド] を使用して他のインディケータを表示するか、 [折り返してタイル表示] を使用してすべてのインディケータを表示できます。また、インディケータトレンドチャートの1 行あたりのインディケータブロック数を設定することもできます。

      image..png

      説明

      このオプションは、[トレンドチャートを有効にする] が選択されている場合にのみ使用できます。

      背景色

      インジケーターブロックの 背景色 を設定できます。サポートされているタイプは、透明単色 です。

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

      インディケータブロック間の間隔を設定できます。

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

      インジケーターブロックの高さを、インジケーターコンテンツインジケーターブロックの間の距離を調整することで設定できます。

      インジケーターとトレンドチャートのインタラクション

      以下のモードがサポートされています。[単一選択][複数選択]

      • [単一選択]: 1 つのメジャー傾向チャートのみを表示できます。

      • [複数選択]: これは、複数のメジャー指標トレンドチャートを同時に表示できることを意味します。

        説明

        このオプションは、[トレンドチャートを有効にする] がオンになっている場合にのみ表示されます。

        指标趋势图-指标交互

    • [トレンドチャートタイプ][インジケーター(小トレンドチャート付き)] が選択されている場合は、次の項目を設定します。image.png

      設定項目

      説明

      [インジケーターブロックグループの表示モード]

      インジケータートレンドチャートの行ごとのインジケーターブロック数を設定できます。

      41.gif

      説明

      このオプションは、[トレンドチャートを有効にする] が選択されている場合にのみ使用できます。

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

      インジケーターブロックの区切り記号タイプを設定できます。 次のタイプがサポートされています。区切り記号なし、行区切り背景塗りつぶし

      区切り記号の色

      行区切りインジケーターブロックの の色を設定できます。

      説明

      このオプションは、インジケーターブロックの区切り記号に行区切りが選択されている場合にのみ使用できます。

      背景色

      インジケーターブロックの [背景の塗りつぶしの色] を設定できます。サポートされているタイプは、[モノクロ][マルチカラー] です。 [モノクロ] の場合は、色を選択できます。 [マルチカラー] の場合は、トレンドチャート要素の変化に従います。

      42.gif

      説明

      このオプションは、インジケーターブロックの区切り記号に背景塗りつぶしが選択されている場合にのみ使用できます。

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

      インジケーターブロック間の間隔を設定できます。

      説明

      このオプションは、インジケーターブロックの区切り記号に背景塗りつぶしが選択されている場合にのみ使用できます。

  • インジケーターコンテンツ セクションで、インジケーターブロック内のコンテンツの位置と表示モード、フォントスタイル、およびインジケーター装飾スタイル を設定します。

    image.png

    設定項目

    説明

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

    インジケーターブロック内のコンテンツの を設定できます。 次の位置がサポートされています。[水平方向左][水平方向中央][水平方向中央] の場合は、 を設定できます。 次の配置モードがサポートされています。[左揃え][中央揃え]左揃え主な機能:

    43.gif

    インジケーター値の行間

    次のモードがサポートされています。[中][コンパクト]

    フィールド説明アイコン

    マテリアルを使用し、フィールドの説明の色を設定できます。

    image.png

    フォント設定

    フォントサイズ設定を有効にするフォントサイズ、色、太字、斜体ディメンション[フォントサイズ設定を有効にする] を選択します。有効にすると、[ディメンション名]、、[プライマリメトリック値]、および [セカンダリメトリック名とセカンダリメトリック値] のフォントサイズ、色、太字、斜体を設定できます。

    説明
    • [指標(メジャー)] セクションでは、最初のメジャーがプライマリメトリックです。残りのメジャーはセカンダリメトリックです。

    インジケーター装飾

    メインメトリックデコレーショングラフを表示装飾グラフの位置、装飾グラフの種類、およびグラフのスタイルを設定する を選択します。表示を選択した後、 を設定できます。

    • 以下の 装飾位置 がサポートされています:

      image..png

    • 以下の装飾タイプがサポートされています: マテリアル画像フィールド

      1. 画像フィールドデータセット2データセット [画像フィールド] に画像が含まれており、フィールドタイプが画像タイプの場合にのみ、 を使用できます。

      2. マテリアル を選択すると、マテリアルの アイコン を使用するか、ローカル画像をアップロードできます。

        説明

        PNG、JPG、および GIF 画像のみがサポートされています。最大サイズは 1 MB です。

        image

    • 以下の イメージ スタイル がサポートされています: 透過単色

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

    9021.png

    名前

    構成項目

    説明

    2 番目の Y 軸を表示

    2 番目の Y 軸を表示するかどうかを指定します。

    X 軸

    X 軸を表示

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

    タイトルと単位を表示

    X 軸に [軸タイトル][単位] を表示するかどうかを指定します。

    軸ラベルを表示

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

    目盛りを表示

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

    軸を表示

    線のスタイル、線の幅、色など、軸のスタイルを設定できます。

    グリッド線を表示

    X 軸にグリッド線(線のスタイル、線の幅、色を含む)を表示するかどうかを指定します。

    左 Y 軸

    左 Y 軸を表示

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

    Y 軸スケールを反転

    Y 軸のスケール値を反転できます。

    Untitled.gif

    タイトルと単位を表示

    [軸タイトル][単位] を表示するかどうかを指定します。

    軸ラベルを表示

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

    目盛りを表示

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

    最大値、最小値

    • このオプションは、トレンドチャートタイプがトレンドチャートを表示の場合にのみ使用できます。

    • カスタムの最大値と最小値は、カスタムの最大値がデータの最大値よりも大きく、カスタムの最小値がデータの最小値よりも小さい場合にのみ有効になります。

    説明

    [自動] を選択すると、システムが軸の最大値と最小値をインテリジェントに表示します。 [自動] をオフにすると、軸の最大値と最小値を手動で設定できます。

    軸を表示

    左 Y 軸(線のスタイル、線の幅、色を含む)を表示するかどうかを指定します。

    軸ラベル形式

    自動調整カスタム形式手動入力左 Y 軸のラベルの表示形式。 、、 の形式がサポートされています。

    メトリックに 単位 を設定し、メトリックを表示する際に 縦軸ラベル に同じ 単位形式 を使用したい場合は、表示形式自動調整 に設定し、単一選択時にメジャーデータ形式に従う を選択できます。

    轴标签

    グリッド線を表示

    左 Y 軸にグリッド線(線のスタイル、線の幅、色を含む)を表示するかどうかを指定します。

    軸値の範囲と間隔

    • 左側の Y 軸のラベルとスケールの範囲の最大値と最小値は、自動的に設定することも、手動で設定することもできます。

    • ステップサイズまたは均等な分割数でカスタム間隔を設定できます。

    96.gif

    説明

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

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

    image..png

    構成項目

    説明

    [すべて表示]

    このオプションを選択すると、すべてのデータラベルが表示されます。

    [テキスト]

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

  • ツールチップ セクションで、ツールチップコンテンツの表示モード、背景色、およびテキストスタイルを設定します。

    image..png

    説明
    • コンテンツの合計とパーセンテージのオプションは、[インジケーターレイアウト] セクションの [インジケーターとトレンドチャートのインタラクション][複数選択] が有効になっている場合にのみ使用できます。表示モードが [単一データポイントごと] に設定されている場合、パーセンテージオプションを使用できます。表示モードが [ディメンション値ごと] に設定されている場合、合計とパーセンテージの両方のオプションを使用できます。image.png

    • [Show Secondary Metrics] が有効になっている場合のみ、コンテンツでセカンダリメトリクスを選択するオプションを使用できます。image.png

    • ツールチップモバイル デバイスモバイルレイアウトに切り替えると、モバイルデバイスで を表示するかどうかを制御できます。image.png

  • [シリーズ設定] セクションで、データラベル、最大値と最小値、およびメトリックデータのプレフィックスとサフィックスを設定します。

    image..png

    構成項目

    説明

    [フィールドの選択]

    [指標(メジャー)] エリアに追加されたメジャー項目を設定します。

    線のスタイル

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

    説明

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

    データラベルの表示

    データラベルを表示するかどうかを指定し、ラベルの色と位置を設定できます。

    最大値と最小値の表示

    グラフに最大値と最小値のラベルを表示するかどうかを指定できます。

    [メトリック値のプレフィックスとサフィックス]

    指標トレンドチャートのメジャー値のプレフィックスとサフィックス。

  • [条件付き書式] セクションで、メジャーデータの条件付き書式を設定します。

    image

    構成項目

    説明

    フィールドの選択

    条件付き書式を設定するメジャーフィールドを選択します。[指標(メジャー)] セクションに追加されたメジャーを選択できます。

    スタイル設定が完了した後、設定済みの条件付き書式の一部を使用する必要がなくなった場合は、フィールドパネルの右下隅にある [一括クリア形式] をクリックします。表示されるリストで、クリアする条件付き書式を選択し、[OK] をクリックします。image

    クイックスタイル

    システムからスタイルを選択して、現在のメジャーフィールドのアイコンまたはフォントの色を設定できます。image

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

    • 色の反転: たとえば、[0 と比較] を選択した場合、0 未満の値は赤で表示され、0 より大きい値は緑で表示されます。色を反転すると、0 未満の値は緑で表示され、0 より大きい値は赤で表示されます。112

    • クリア: クイックスタイルを使用する必要がなくなった場合は、[クリア] をクリックしてスタイルを削除します。112

    カスタムスタイル

    システムが提供するクイックスタイルに加えて、要件に基づいて現在のメジャーフィールドのカスタムスタイルを設定できます。

    • テキストimage[テキスト] タブでは、現在のメジャーフィールドのテキストを強調表示するための条件ルールを設定できます。他のフィールドの値に基づいて、現在のフィールドの条件ルールを設定できます。

    • アイコンimage[アイコン] タブでは、現在のメジャーフィールドのアイコンマーキングルールを設定できます。他のフィールドの値に基づいて、現在のフィールドのマーキングルールを設定できます。

    スタイルを複製

    メジャーの条件付き書式設定を他のメジャーに複製できます。

  • 補助ディスプレイ セクションで、メトリックフィルタリング を有効にして、指標トレンドチャートを構成します。

    指标趋势图-辅助展示..gif

チャート分析の設定

設定項目

名前

説明

データインタラクション

[フィルタインタラクション]

分析するデータが異なるチャートまたはテーブルに属している場合、この機能を設定してチャートとテーブルを関連付けてから、データを分析できます。詳細については、「フィルタインタラクション」をご参照ください。

[ハイパーリンク]

分析するデータが複数のダッシュボードに存在する場合、ダッシュボード ハイパーリンクを使用して複数のダッシュボードを関連付けてデータ分析を行うことができます。ハイパーリンクには、[パラメータ ハイパーリンク][外部リンク] の 2 つのタイプがあります。詳細については、「ハイパーリンク」をご参照ください。

セカンダリメトリック

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

日付(ディメンション)2 次メトリック比較の内容を設定できます。 セクションで設定した日付フィールドの粒度に基づいて、システムは対応する期間比較オプションを自動的に生成します。たとえば、日付フィールドタイプが日である場合、システムは日次比較、週次比較、および月次比較をサポートします。

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

  • オプションの前にあるチェックマークをクリックして、表示するセカンダリメトリックコンテンツを選択します。最大 2 つのメトリックを設定できます。image

  • [フィールドを追加][フィールドを追加]集約方法表示形式/wp/v2/categories/id補助トレンドチャート をクリックします。 ダイアログボックスで、比較および表示するセカンダリメトリックコンテンツをカスタマイズし、、、、 を設定します。image

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

  • image二次メトリックコンテンツ設定表示形式条件付き書式補助トレンドチャート アイコンをクリックします。 ダイアログボックスで、現在のメトリックの 、、 を調整します。image

他の比較メトリックへの設定の複製

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

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

二次指標の位置主要メトリックの下独立ブロック を または に設定できます。

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

セカンダリメトリックのフォント形式と色を設定できます。

[分析とアラート]

[補助線]

補助線を使用して、メジャーの値と補助線で示される参照値の差を表示できます。参照値は固定値または計算値です。平均、最大、最小、中央値などの計算値を使用できます。詳細については、「補助線」をご参照ください。

[注釈]

-

強調表示されたメジャー、アイコン、コメント、またはデータポイントをラベルとして使用して、チャートで異常または注目しているデータをマークできます。これは、データの例外を識別し、問題を修正するのに役立ちます。詳細については、「注釈」をご参照ください。

次の手順

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

  • トピック固有の分析のためのナビゲーションメニューを備えた複雑なダッシュボードを作成する必要がある場合は、作成したダッシュボードを BI ポータルに統合できます。詳細については、「PC BI ポータルを作成する」をご参照ください。

よくある質問

1. インジケータトレンドチャートとインジケータカードの違いは何ですか?

回答: インジケータカードは、主に主要な指標の現在値または集計値を静的に表示するために使用され、値自体を強調します。 インジケータトレンドチャートは、指標値(最新値または期間集計値)を表示するだけでなく、時間次元と組み合わせて指標が時間とともにどのように変化するかを示す必要があり、動的な変化とトレンド分析により焦点を当てています。

2. インジケータカードで売上高と前月比の変化率の両方を確認するにはどうすればよいですか?

回答: 「セカンダリメトリック」を設定することで実現できます。 [分析] タブで、[セカンダリメトリック] 設定を見つけ、最初にセカンダリメトリック表示を有効にして、[比較メトリックの選択][売上] を選択します。次に、[セカンダリメトリックコンテンツ] で、自動生成された [前月比] オプションをオンにするか (日付ディメンションが月の粒度比較をサポートしている場合)、または [フィールドを追加] をクリックして、変化率の計算をカスタマイズします。セカンダリメトリックの表示位置とフォントスタイルを設定することもできます。

3. チャートデータ構成の「最新日付データ」と「集計データ」の違いは何ですか?

回答: 「最新日付データ」とは、インジケータカードに表示される値が、選択した期間の最後のデータポイントの値であることを意味します。 たとえば、期間が 12 月 1 日から 12 月 30 日の場合、12 月 30 日のデータが表示されます。 「集計データ」とは、インジケータカードに表示される値が、期間全体(12 月 1 日から 12 月 30 日)のデータの集計結果(合計、平均など)であることを意味します(メジャーフィールドのデフォルトの集計方法によって異なります)。

4. トレンドチャートをデフォルトの折れ線グラフから棒グラフに変更するにはどうすればよいですか?

回答: スタイル 構成タブで、トレンドチャート 設定エリアを見つけます。トレンドチャートタイプが トレンドチャートを表示 に設定されている場合、このエリアに チャートタイプ オプションがあり、棒グラフを選択してメインのトレンドチャート表示タイプを変更できます。インジケーター(小トレンドチャート付き) を選択した場合、小トレンドは通常、折れ線グラフまたは面グラフであり、棒グラフへの直接変換はサポートされていません。