グリッドのカスタム列の視覚化 (プレビュー)

[この記事はプレリリース ドキュメントであり、変更されることがあります。]

カスタム列の視覚化は、プレーン テキストではなく、グリッドのセル内に直接、ゲージ、傾向線、色付きバー、星のセットなどの小さなグラフィックとして列のデータをレンダリングする表示オプションです。 このオプションを使用すると、列をスキャンし、複数の行の値を一目で比較しやすくなります。

Power Appsのドロップダウンから、列で視覚エフェクトを 1 回選択します。 その列を示すグリッドまたはビューはすべて、グラフィックを自動的に表示します。 この記事では、使用可能な視覚化、それぞれが期待するデータ、一般的なデータの問題、データの準備方法について説明します。

Important

• これはプレビュー機能です。
• プレビュー機能は運用環境での使用を想定しておらず、機能が制限されている可能性があります。 これらの機能は正式リリース前に利用できるため、お客様は早期にアクセスしてフィードバックを提供できます。

使用可能な視覚化

カスタム列の視覚化には、4 種類のグラフィカル表示と、[ なし] を選択した場合の標準テキスト表示が用意されています。 各視覚化は、特定の形のデータに適しています。

次の図は、視覚化を適用せずに、列をプレーン テキストとして表示するグリッドを示しています。

視覚エフェクトが適用されている同じデータは、行間で比較する方が簡単です。

次の表と図は、ビューまたはグリッドに表示する列で使用できるさまざまな種類の視覚化の詳細を示しています。

Visualization	氏名	表示される内容	最適な列データ
	放射状ダイヤル	中央に表示される値を使用して、パーセンテージに塗りつぶされた円形ゲージ。	0 ~ 100 スケールの 1 つの数値 (パーセンテージ)。 詳細情報: 放射状ダイヤル
	折れ線グラフ	複数のポイントにわたる小さな傾向線 (スパークライン)。	複数の数値をコンマで区切って保持するテキスト列。 詳細情報: 折れ線グラフ
	ヒートマップ	値に合わせて色が変化する水平バー (たとえば、緑→オレンジ→赤)。	定義された範囲内の 1 つの数値 (既定では 0 ~ 100)。 詳細情報: ヒート マップ
	星評価	値に一致するように塗りつぶされた星の行。	0 から星の数までの整数 (既定では 0 ~ 5)。 詳細情報: 星評価

列の視覚化を構成する

1. Power Apps (make.powerapps.com) にサインインし、[ソリューション] に移動し、目的のテーブルを開きます。

2. テーブルの [列] 領域で、列を開いてプロパティを編集するか、新しい列を作成します。

3. [ 詳細オプション] を展開し、[ アプリケーションでこの列のデータを視覚化する方法を選択 する] の横にある [ なし]、[ ヒート マップ]、[ 折れ線グラフ]、[ 放射状ダイヤル]、[ 星の評価] から選択します。 [なし] を選択すると、標準のテキスト表示に列が返されます。 詳細については、「 列の視覚化」を参照してください。

   

4. 保存を選びます。 列を保存すると、その列を表示するグリッドまたはビューにグラフィックが自動的に表示されます。

列の詳細の視覚化

放射状ダイヤル

放射状ダイヤルは円形のリング ゲージです。 塗りつぶされた部分 (既定では青) は、ライト グレーのトラック上の値を表すために時計回りに拡大し、丸められたパーセンテージがリングの中央に表示されます。

データ形式: 0 から 100 のスケールでパーセンテージとして読み取られた 1 つの数値。 整数または小数点以下の桁数を使用でき、末尾のパーセント記号 (60%など) を使用できます。 値は自動的に 0 ~ 100 の範囲に制限されます。

値の例:

列の値	結果
0	中央に "0%" という空のリングがあります。
60 (または "60%")	半分を少し過ぎて、中央に「60%」と鳴らします。
100	完全に完全なリング、中央に"100%"。
"High" などの単語。	数値ではありません - 0%を示します。

ベスト プラクティス:

• 値を 0 から 100 のスケールで格納します。 データが 0 から 1 までの分数である場合は、最初に 100 を乗算します。
• 数値列の型 (整数または 10 進数) を使用します。
• セルに単位、通貨記号、桁区切り記号を含めないようにします。

既知のデータ形式の問題:

• 100 を超える値は完全に完全に表示され、0 未満の値は空で表示されます。ゲージの上限は 0 から 100 であるためです。
• "High" などのテキスト、単位または通貨の値。 たとえば、"$60" や "60 pts" は数値として読み取らず、0%を表示できます。
• 比率として書き込まれた値 (0.6 など) は 0.6%として扱われるので、リングはほとんど空に見えます。

折れ線グラフ

折れ線グラフはコンパクトなスパークラインで、その下に明るい網掛けされた領域を持つ傾向線 (既定では青)、セル内の左から右の一連の数値をトレースします。

データ形式: 10,20,30,45など、コンマで区切られた複数の数値を含む 1 つのテキスト値。 各数値は、行上の 1 つのポイントを順番に並べ替えます。 数値の周囲のスペースは問題ありません。

値の例:

列の値	結果
10,20,30,45	4 ポイントにわたる上昇線。
5, 8, 6, 9, 12	5 点にわたる線 (スペースは無視されます)。
42	1 つのドット (1 つのポイントのみ)。
(空)	空白のセル。

ベスト プラクティス:

• コンマ区切りの系列を保持するには、テキスト列 (1 行または複数行) を使用します。
• すべてのポイントを一貫したスケールに保ちます。 可能な場合は 0 ~ 100 を使用します。
• 少なくとも 2 つのポイントを指定します。 ポイントが多いほど、より明確な傾向が示されます。
• データがない場合は、 none のような単語を入力するのではなく、セルを空白のままにします。

既知のデータ形式の問題:

• グラフには、線を描画するために複数の数値が必要です。1 つの数値が単なるドットとして表示されます。
• グラフでは、セミコロン、パイプ、スペースなどのコンマ以外の区切り記号は認識されません。
• リスト内の数値以外のエントリ。 たとえば、 n/a は線のギャップになります。
• 完全に空の値または読み取り不可能な値には、空白のセルが表示されます。
• 既定では、ポイントは 0 から 100 のスケールでプロットされます。 その範囲外の値は、上端または下端にフラット化されます。

[ヒート マップ]

ヒート マップは、ラベルとして表示される値を持つ水平方向の色付きバーです。 バーの色は、値がその範囲のどこに収まるかによって変わります。 たとえば、既定の色は低い場合は緑、中央はアンバー、高は赤色です。

データ形式: 1 つの数値。 既定では、範囲は 0 から 100 で、その範囲内の値の位置によって色が決定されます。 選択肢 (オプション セット) 列では、選択した選択肢の背後にある数値が使用され、選択肢のテキストがラベルとして表示されます。

値の例:

列の値	結果
12	ローエンドの近くのバー。"low" に色付けされます。
55	中央のバー。"中" の色が付きます。
90	ハイエンドの近くのバー。"high" に色付けされます。
"High" などの選択肢。	選択肢の値によって色付けされます。ラベルに "High" と表示されます。

ベスト プラクティス:

• 1 つの数値を想定範囲内に格納します。
• 数値列の種類、または値が論理的な低から高の順序で割り当てられている選択肢列を使用します。
• 値に単位と記号を含めないようにします。

既知のデータ形式の問題:

• 範囲外の値は、範囲の最も近い端 (既定では 0 または 100) にプルされます。
• 数値以外のテキストは空白のセルとして表示されます。
• 選択肢列の場合、色は各選択肢に割り当てられた番号に従います。これらの数値が低から高の順序でない場合は、表示されるリストの順序と一致しない可能性があります。

星評価

星の評価は星の列です。 塗りつぶされた星 (既定ではゴールド) は値を表し、残りの星は明るい "空" 色で表示されます。 既定では 5 つの星があります。

データ形式: 0 から星の数までの整数 (既定では 0 から 5)。 値 3 は 3 つ星を塗りつぶします。 整数または数値テキストを使用できます。

値の例:

列の値	結果
0	満たされた星はありません。
3	満たされた 3 つ星、空の 2 つ。
5	5 つ星すべてが満たされています。
"Great" などの単語。	数ではありません - 満たされた星はありません。

ベスト プラクティス:

• 0 から星の数までの整数を格納します (既定では 0 ~ 5)。
• 評価で別の最大値 (0 ~ 10 など) を使用している場合は、その最大値内に値を保持し、既定の表示は 5 つ星であることに注意してください。
• 数値 (整数) 列の型を使用します。

既知のデータ形式の問題:

• 値は星の数に対して測定されるため、5 つ星の表示では 5 の値がすべての星に塗りつぶされます。 星の数を超える値でも、すべての星が塗りつぶされます。
• 10 進値は、部分的に塗りつぶされた星を生成します。
• テキスト値。 たとえば、星が塗りつぶされていない場合に 大きな レンダリングを行います。

データ準備のガイダンス

基になる列データが各視覚エフェクトが期待する図形と一致すると、視覚化が確実にレンダリングされます。

• 列の種類を視覚化に一致させます。放射状ダイヤル、ヒート マップ、星評価には数値列を使用し、折れ線グラフ系列にはテキスト列を使用します。
• クリーンな番号を格納する – 単位、通貨記号、パーセント記号 (放射状ダイヤルが受け入れる末尾の % を除く)、および桁区切り記号を避けます。
• 各視覚化の予想される範囲内に値を保持します。
• 空のセルは問題ありません。エラーではなく、空のビジュアルが表示されます。
• 列の視覚エフェクトを変更した後、グリッドまたはビューを更新して更新を表示します。

一般的な表示結果

特定の視覚的な結果は、データと視覚エフェクトの予想される形式の間の不一致を示します。

あなたが見るもの	考えられる原因	何をすべきか
空白のセル。	値が空であるか、予期される形式ではありません。	セルに正しい形式 (折れ線グラフの数値またはコンマ区切りの数値) のデータが含まれていることを確認します。
放射状ダイヤルは常にフルまたは常に空です。	値は 100 より上、0 未満、または比率 (0 ~ 1) として格納されます。	値を 0 から 100 のスケールに変換します。
星評価は、満たされたすべての星を示しています。	この値は、星の数 (既定では 5) 以上です。	0 ~ 5 の値を格納します。
折れ線グラフには 1 つのドットが表示されます。	1 つの数値のみが存在します。	2 つ以上のコンマ区切り番号を指定します。
折れ線グラフにはギャップがあります。	一覧の一部のエントリは数値ではありません。	数値以外のエントリを削除または置換します。
ヒート マップの色の選択が間違って見えます。	選択肢の値は、低から高の順序ではありません。	論理順序で選択値を再割り当てします。

関連資料

Dataverse で新しいデータ列を作成する