> ## Documentation Index
> Fetch the complete documentation index at: https://domoinc-openapi-sync-dataflows.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# 塗りつぶしパネル

## はじめに

パネルは、目標達成に向けた進捗を示すシンプルなチャートです。塗りつぶしパネルは、現在の値が目標にどれだけ近いかを、温度計のように「目盛り」で表示します。このパネルには範囲が含まれていません。塗りつぶしパネルは円形である点と、割合ではなく実際の数値を示す点を除けば、 [進捗パネル](http://wiki.domo.com/confluence/display/DHCS/Building+a+Progress+Bar+gauge "進捗パネル") に似ています。Domoには、ほかのタイプのパネルとして、 [単一値パネル](http://wiki.domo.com/confluence/display/DHCS/Building+a+Single+Value+gauge "単一値パネル") 、 [スピードメーター](http://wiki.domo.com/confluence/display/DHCS/Building+a+Radial+gauge "スピードメーター") 、 [フェイスパネル](http://wiki.domo.com/confluence/display/DHCS/Building+a+Face+gauge "フェイスパネル") 、 [比較塗りつぶしパネル](http://wiki.domo.com/confluence/display/DHCS/Building+a+Comparative+Fill+gauge "比較塗りつぶしパネル") があります。

## 塗りつぶしパネルを作成する

塗りつぶしパネルに必要な要素は、DataSetからのデータで現在の値を含む1つの列または行、つまりパネル値だけです。パネルに動的な目標値を含める場合には、オプションとして目標値を含むターゲット値が必要となります（パネルの目標値が変化しないと想定される場合は、 **［チャートの設定］** で目標を指定することができます）。カテゴリーを含む3番目の列を［オプションのグループ化］に追加することで、データの集計方法を選択することもできます。値、カテゴリー、系列データについては、「 [チャートデータについて](/s/article/360043428693 "チャートデータについて") 」を参照してください。

DataSetに複数の行がある場合、すべての行の値が集計されます。目標値の列の値も集計する点に注意してください。例えば、スプレッドシートにチームAの行が2つあり、それぞれ100を目標値にしている場合、これはチャートの中で集計され、200という新しい目標値が設けられます。現在値または最大値に **［集計なし］** を選択しても、現時点では *機能しません* 。

塗りつぶしパネルの最大値は、現在値にもとづいて自動的に決定されます。例えば、現在値が80である場合、最大値は100に設定されます。現在値が155である場合、最大値は200に設定されます。

Analyzerで塗りつぶしパネルのデータを含む列を選択します。データ列の選択の詳細については「 [DataSet列をチャートに適用する](/s/article/360043428713 "DataSet列をチャートに適用する") 」を参照してください。

Analyzerでチャートをフォーマットする方法の詳細については、「 [Analyzerの概要](/s/article/360043428673) 」を参照してください。

次の図は、典型的な列ベースのスプレッドシートのカテゴリー列と値列のデータがどのように塗りつぶしパネルに変換されるかを示しています。

<Frame>
  <img alt="FIlled_Gauge.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/7il5zODxajeeXiuu/images/kb/ka0Vq000000Dak1-00N5w00000Ri7BU-0EM5w000005vP9v.png?fit=max&auto=format&n=7il5zODxajeeXiuu&q=85&s=22f16fe39274a1e28e20c5e8b2c45104" width="1005" height="1394" data-path="images/kb/ka0Vq000000Dak1-00N5w00000Ri7BU-0EM5w000005vP9v.png" />
</Frame>

## 塗りつぶしパネルをカスタマイズする

塗りつぶしパネルの外観は、 **［チャートの設定］** を編集することでカスタマイズできます。すべてのチャートのプロパティについては、「 [パネルのプロパティを設定する](/s/article/360042925254) 」を参照してください。

<table border="1" cellpadding="1" cellspacing="1" data-aura-rendered-by="33:207;a"><thead><tr><th colspan="1" rowspan="1"><p> プロパティ </p></th><th colspan="1" rowspan="1"><p> 説明 </p></th></tr></thead><tbody><tr><td colspan="1" rowspan="1"><p> ［一般］>［値］ </p></td><td colspan="1" rowspan="1"><p> 塗りつぶしパネルの値列の値がどのように集計されるかを決定します。オプションには、一般的な集計方法である <b> ［合計］ </b> 、 <b> ［平均］ </b> などのほか、1行目と最後の行の値をパネル値として処理する <b> ［1行目］ </b> と <b> ［最後の行］ </b> があります。デフォルトのオプションは <b> ［合計］ </b> です。ここで選択する集計は、値集計メニューで選択する集計に追加されます（例えば、値集計メニューで <b> ［平均］ </b> を選択し、 <b> ［チャートの設定］ </b> で <b> ［合計］ </b> を選択すると、パネル値は各カテゴリーの合計平均となります）。 </p><p> 集計した値がチャートに2つあることは通常望ましくないため、値集計メニューで <b> ［集計なし］ </b> を選択し、 <b> ［チャートの設定］ </b> の <b> ［一般］>［値］ </b> メニューで目的の集計値を選択します。 </p></td></tr><tr><td colspan="1" rowspan="1"><p> ［一般］>［色のソース］ </p></td><td colspan="1" rowspan="1"><p> 塗りつぶしパネルの色をどのように決めるかを決定します。オプションには <b> ［塗りつぶしの色］ </b> （デフォルトオプション）があります。このオプションでは <b> ［塗りつぶしの色］ </b> プロパティで指定した色が使用されます。現在値が目標値よりも高い場合には緑、低い場合には赤でパネルを表示する <b> ［目標値を上回る場合は緑］ </b> 、現在値が目標値よりも高い場合には赤、低い場合には緑でパネルを表示する <b> ［目標値を下回る場合は緑］ </b> もあります。 <b> ［目標値を上回る場合は緑］ </b> および <b> ［目標値を下回る場合は緑］ </b> オプションを使用するには、 <b> ［塗りつぶしの色］ </b> を <b> ［デフォルト］ </b> に設定する必要があります。そうしないと、 <b> ［塗りつぶしの色］ </b> で選択した色がこれらのプロパティを上書きします。 </p></td></tr><tr><td colspan="1" rowspan="1"><p> ［一般］>［塗りつぶしの色］ </p></td><td colspan="1" rowspan="1"><p> 塗りつぶしパネルの塗りつぶし色を決定します。このプロパティで設定した色は、 <b> ［色のソース］ </b> プロパティの <b> ［目標値を上回る場合は緑］ </b> および <b> ［目標値を下回る場合は緑］ </b> 設定より優先されます。そのため、これらのプロパティのどちらかを使用する場合、 <b> ［塗りつぶしの色］ </b> は <b> ［デフォルト］ </b> に設定する必要があります。 </p></td></tr><tr><td colspan="1" rowspan="1"><p> ［一般］>［最小値］ </p></td><td colspan="1" rowspan="1"><p> 塗りつぶしパネルの最小値を決定します。 </p></td></tr><tr><td colspan="1" rowspan="1"><p> ［一般］>［最大値］ </p></td><td colspan="1" rowspan="1"><p> 塗りつぶしパネルの最大値を決定します。 </p></td></tr><tr><td colspan="1" rowspan="1"><p> ［一般］>［目標値］ </p></td><td colspan="1" rowspan="1"><p> 塗りつぶしパネルの目標値を決定します。このフィールドに値を入力すると、パネルにその値が表示され、対応する位置に目標を示す線が表れます。パネルで動的な目標値（つまり、DataSetの変化に応じて変化する目標）を使用する場合は、 <b> ［チャートの設定］ </b> を使用せずに、オプションの3番目の列を適用する必要があります。 </p></td></tr><tr><td colspan="1" rowspan="1"><p> ［一般］>［目標のラベル］ </p></td><td colspan="1" rowspan="1"><p> 塗りつぶしパネルで、目標値に添えるテキストを指定します。 </p></td></tr><tr><td colspan="1" rowspan="1"><p> ［一般］>［値のラベル］ </p></td><td colspan="1" rowspan="1"><p> 塗りつぶしパネルで、現在値に添えるテキストを決定します。 </p></td></tr><tr><td colspan="1" rowspan="1"><p> ［一般］>［最大値のラベル］ </p></td><td colspan="1" rowspan="1"><p> 塗りつぶしパネルで、最大値に添えるテキストを決定します。 </p></td></tr></tbody></table>

日本語