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

Quick BI:面グラフ

最終更新日:Apr 09, 2025

面グラフは、経時的なデータの傾向と、それらが占める領域の割合を示すために使用できます。このトピックでは、面グラフにデータを追加する方法と、スタイルを設定する方法について説明します。

TensorBoard

效果图

データの設定

  1. [チャート] セクションの [面グラフ] を見つけて、キャンバスにドラッグします。image.png

  2. [データセットの選択] をクリックし、次の図の手順に従ってデータを追加します。image.png

また、データに対して次の操作を実行することもできます。image.png

スタイルの設定

位置とサイズ

構成セクションのコンポーネントは、次のように構成できます。

  • ウィジェットの配置を調整する(①):左揃え、中央揃え、右揃えをサポートします。

  • ウィジェットのサイズを調整する(②):左上隅を原点として使用し、X軸とY軸の値を設定して、位置を調整します。

  • コンポーネントの角度を調整する(③):回転角度の値を設定します。

  • コンポーネントのサイズを調整する(④):WとHの値を設定して、コンポーネントの幅と高さを調整します。

  • コンポーネントをロックする(⑤):コンポーネントをロックすると、コンポーネントのサイズを調整できなくなります。

  • 透明度を調整する(⑥):ウィジェットの透明度を設定します。

image.png

描画領域

[描画領域] で、面グラフのスタイルを設定できます。次の操作がサポートされています。

  • [色]:面グラフの色を設定します。

  • [線の種類][曲線][直線] を含む、線の種類を設定します。

  • [null値処理]:データが空の場合、パラメーターを 0(線は切断されない)または線が切断されるように設定できます。

  • [線のサイズ]:線の種類と線の太さを指定します。

  • [マーカーポイントを表示]:マーカーポイントのスタイルを設定します。円、中抜き円、ひし形、中抜きひし形がサポートされています(①)。

  • [領域のスタイル]:グラデーション効果(②)とグラデーション効果の透明度を有効にできます。

  • [ラベルを表示]:ラベルの表示モード(スマート表示または完全表示)とテキストスタイルを選択します(③)。

image.png

凡例

[凡例] セクションでは、凡例の位置(上、下、左、右)とテキストスタイルを設定できます。图例

x軸を例にとります。[x軸] セクションでは、次の操作を実行できます。

  • [軸のタイトルと単位を表示]:軸のタイトル、単位、およびテキストスタイルを設定します(①)。

  • [軸]:軸の種類、太さ、色を設定します(②)。

  • [軸ラベルとスケール]:軸ラベルのテキストスタイル、スケールの重み、および色を指定します。

  • [グリッド線]:グリッド線の種類、太さ、色を指定します。

坐标轴

ツールチップ

ツールヒント セクションでツールヒントモードを設定できます。

image.png

チャートの構成項目

説明

表示モード

プロンプト情報の表示モード。 [データポイントごと] または [ディメンション値ごと] を選択できます。

説明

表示方法が 単一のデータポイント別 の場合、割合がサポートされます。

表示方法 パラメーターを [ディメンション別] に設定した場合、このパラメーターを [合計] または [比率] に設定できます。

背景色

背景色を設定します。

テキスト

プロンプトテキストのスタイルを設定します。

次の図は、出力を示しています。

image.png

系列設定

[系列設定] セクションで、面グラフ系列を設定します。

  • [系列の選択]: 指標 セクションでメジャーを選択します。

  • [線の太さ]:測定項目の線スタイルと線の太さを指定します。

  • [マーカーポイントを表示]:対象メジャーのマーカーポイントのスタイルを指定します。スタイルは、円、中抜き円、ひし形、中抜きひし形をサポートします。

  • [ラベルを表示]:ラベルのサイズ、太字、または斜体を設定します。

  • [上位値を表示]:上位値を強調表示します。

  • [スタイルを同期]:現在の系列設定を他のメトリックに同期します。

系列设置