> ## 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.

# ワッフルチャート

## はじめに

ゲージは、目標達成までの進捗を示すシンプルなチャートです。ワッフルチャートは、カスタマイズ可能な多くの設定を含む、新しいシンプルで直感的なデータの可視化方法を提供します。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 "塗りつぶし比較ゲージグラフ") があります。

## ワッフルチャートを作成する

ワッフルチャートには、現在の値を含む「Gauge Value」というDataSetの1つの列または行のデータのみが必要です。もう1つのオプションは、データの達成目標となるオプションの最大値です。値、カテゴリー、系列データについて詳しくは、「 [チャートデータについて](/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="Waffle_Gauge.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/D4XP-ZUu0hZKYNDT/images/kb/ka05w00000123ll-00N5w00000Ri7BU-0EM5w000005vP2c.png?fit=max&auto=format&n=D4XP-ZUu0hZKYNDT&q=85&s=647bdc1f22bed078a11429adf24749da" width="931" height="1071" data-path="images/kb/ka05w00000123ll-00N5w00000Ri7BU-0EM5w000005vP2c.png" />
</Frame>

## ワッフルチャートをカスタマイズする

ワッフルチャートの外観をカスタマイズするためには、 **［チャートの設定］** を編集します。すべてのチャートの設定について詳しくは、「 [ゲージのプロパティを設定する](/s/article/360042925254) 」を参照してください。

<table border="1" data-aura-rendered-by="33:207;a"><thead><tr><td colspan="1" rowspan="1"><b> プロパティ </b></td><td colspan="1" rowspan="1"><b> 説明 </b></td></tr></thead><tbody><tr><td colspan="1" rowspan="1"> General > Maximum Value </td><td colspan="1" rowspan="1"> パーセンテージの値を算出するのに使用される最大値は、手動で設定するか、データから設定されます。ここで設定を行うと、データで設定された最大値が上書きされます。 </td></tr><tr><td colspan="1" rowspan="1"> General > Wide Layout </td><td colspan="1" rowspan="1"> 選択すると、チャートは正方形ではなく、背の低い幅のあるレイアウトで表示されます。 </td></tr><tr><td colspan="1" rowspan="1"> General > Fill From </td><td colspan="1" rowspan="1"> チャートのセルが塗りつぶされる方向を指定します。オプションは、 <b> Bottom </b> または <b> Left </b> からです。デフォルトは、「Bottom」です。 </td></tr><tr><td colspan="1" rowspan="1"> General > Cell Spacing </td><td colspan="1" rowspan="1"> セルの間隔を指定しますオプションは、 <b> Thin </b> 、 <b> Medium </b> 、 <b> Thick </b> から選択します。デフォルトは「Thin」です。 </td></tr><tr><td colspan="1" rowspan="1"> General > Fill Color </td><td colspan="1" rowspan="1"> 指定の値で塗りつぶすチャート部分の色を設定します。 </td></tr><tr><td colspan="1" rowspan="1"> General > Fill Border Color </td><td colspan="1" rowspan="1"> 指定の値で塗りつぶされたチャートの部分に境界線の色を設定します。 </td></tr><tr><td colspan="1" rowspan="1"> General > Fill Symbol </td><td colspan="1" rowspan="1"> 指定の値で塗りつぶされた各セルに記号を設定します。 </td></tr><tr><td colspan="1" rowspan="1"> General > Base Color </td><td colspan="1" rowspan="1"> 指定の値で塗りつぶされていないセルの色です。 </td></tr><tr><td colspan="1" rowspan="1"> General > Base Border Color </td><td colspan="1" rowspan="1"> 指定の値で塗りつぶされていないセルの境界線の色です。 </td></tr><tr><td colspan="1" rowspan="1"> General > Base Symbol </td><td colspan="1" rowspan="1"> 指定の値で塗りつぶされていないセルに使用される記号です。 </td></tr><tr><td colspan="1" rowspan="1"> Label > Label Text </td><td colspan="1" rowspan="1"> このプロパティで、オプションのラベルにテキストを設定します。このプロパティを設定すると、データから設定されたすべてのラベルが上書きされます。 </td></tr><tr><td colspan="1" rowspan="1"> Label > Label Position </td><td colspan="1" rowspan="1"> ラベルがあれば、その位置を設定します。オプションは、 <b> Above </b> または <b> Below </b> から選択します。デフォルトは「Above」です。 </td></tr><tr><td colspan="1" rowspan="1"> Percentage Value > Display </td><td colspan="1" rowspan="1"> 選択すると、割合の値が表示されます。 </td></tr><tr><td colspan="1" rowspan="1"> Percentage Value > Size </td><td colspan="1" rowspan="1"> 表示される割合の値のサイズを設定します。オプションは、 <b> Smallest </b> 、 <b> Smaller </b> 、 <b> Larger </b> 、 <b> Largest </b> から選択します。 </td></tr><tr><td colspan="1" rowspan="1"> Percentage Value > Position </td><td colspan="1" rowspan="1"> 割合の値の表示位置を設定します。オプションは、 <b> Center </b> 、 <b> Above </b> 、 <b> Below </b> 、 <b> Inside Top </b> 、 <b> Inside Bottom </b> から選択します。デフォルトは「Center」です。 </td></tr><tr><td colspan="1" rowspan="1"> Percentage Value > Use Fill Color </td><td colspan="1" rowspan="1"> 設定すると、「塗りつぶしの色」に割合の値が表示されます。 </td></tr><tr><td colspan="1" rowspan="1"> Percentage Value > Color </td><td colspan="1" rowspan="1"> 「塗りつぶしの色を使う」に設定されていない場合、このオプションでフォントの色を設定します。 </td></tr><tr><td colspan="1" rowspan="1"> Hover Text Settings > Hover Text </td><td colspan="1" rowspan="1"> チャートにマウスポインタを合わせたときに表示されるテキストです。 </td></tr><tr><td colspan="1" rowspan="1"> Color Range 1-4 > Minimum % Value </td><td colspan="1" rowspan="1"> オプションの色範囲の最小の割合の値を設定します。 </td></tr><tr><td colspan="1" rowspan="1"> Color Range 1-4 > Maximum % Value </td><td colspan="1" rowspan="1"> オプションの色範囲の最大の割合の値を設定します。 </td></tr><tr><td colspan="1" rowspan="1"> Color Range 1-4 > Color </td><td colspan="1" rowspan="1"> 割合の値が最小値と最大値の間の場合のチャートの色を設定します。 </td></tr><tr><td colspan="1" rowspan="1"> Full Size Settings </td><td colspan="1" rowspan="1"> カードのページで「最大」サイズが選択されている場合に使用する幅と高さを指定します。参考までに、「中」サイズのカードは1x1で、「大」サイズのカードは2x2です。 </td></tr></tbody></table>

日本語
