お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の
英語版を参照してください。
このページの内容
ダイヤルやメーター形式のインジケーターを使用してデータ値を視覚的に表現し、ページ内で目標やパフォーマンスを簡単に追跡できるようにする
ゲージの追加と管理方法について説明します。
利用条件
- ゲージは、Creator のすべてのプランで作成できます。
- スーパー管理者、管理者、開発者のみが、ゲージを作成および管理できます。
1. ゲージの設定
1. 対象ページの
ページビルダーに移動し、左ペインの
Gaugeをクリックします。右側にゲージテンプレートの一覧が表示されます。
2. 任意のゲージテンプレートをドラッグ&ドロップしてビルダー領域に配置します。ゲージビルダーであるGauge Configurationペインが開きます。ここでゲージの表示内容やスタイルのプロパティを設定できます。
3. Display 値ドロップダウンから、Sum、最小、最大、Median、平均、件数、Distinct 件数(一意の項目値をカウント)のいずれかを選択します。演算方法を選択したら、以下の手順に従って Zoho Creator フォームに保存されているデータを基に設定します。
i) この演算を設定する基になるデータを持つフォームを選択します。
メモ:
フォームを選択ドロップダウンには、現在作業しているアプリケーション内のすべてのフォームが表示されます。別のアプリケーションのフォームを選択するには、フォームドロップダウンのフッターにある
アプリを変更をクリックします。別のアプリケーションを選択し、
完了をクリックすると、そのアプリケーション内のすべてのフォームが表示されます。
ii) 項目を選択ドロップダウンから数値項目を選択します。この項目のデータを基に演算が行われます。
メモ: フォーム内に数値項目が 1 つしかない場合は、既定で自動選択されます。
iii) 演算の対象とするデータを選択します:
- すべてのデータ - 選択したフォーム内のすべてのデータを対象に評価します。
- 選択したデータ - 条件を満たす特定のデータのみを対象に評価し、演算を設定します。
ゲージの表示値が数値データ型の場合は、次のプロパティも設定できます。数値でない場合は、
手順 4に進んでください。
i) 選択した演算に応じて、動的なゲージ値の表示方法を次から選択します:
- 実数値(すべての演算で利用可能)
演算結果そのものを表示します。これが既定値です。
- 合計に対する割合(%)(最小、最大、Medianで利用可能)
たとえば、演算結果が 24 で、その項目に記録されたすべての値の合計が 240 の場合、表示される割合は 10% になります。
- 任意の数値に対する割合(%)(Sum、最小、最大、Median、平均、Distinct 件数で利用可能)
たとえば、演算結果が 30 で、Numeric 値に指定した割合計算用の値が 120 の場合、ゲージには 25% と表示されます。

- 合計を分母とする分数(最小、最大、Medianで利用可能)
たとえば、演算結果が 24 で、その項目に記録されたすべての値の合計が 240 の場合、表示される分数は 1/10 になります。

- 割合(%)(件数で利用可能)
- 項目ドロップダウンから、割合を計算するために評価する値を持つ項目を選択します。

- 合計データ数に対してカウントし、割合を算出したい項目値を入力します。

- 分数(件数で利用可能)
- 項目ドロップダウンから、割合を計算するために評価する値を持つ項目を選択します。

- 合計データ数に対してカウントし、分数を算出したい項目値を入力します。

4. ゲージの上限しきい値として表示する最大値を入力します。
5. ゲージ上で目標(到達を目指す値)として示すターゲット値を入力します。
メモ: ターゲット値は、最大値以下のみ設定できます。
6. レンジゲージを設定する場合は、さらに次の操作が可能です:
- ゲージ上でステージや進捗セクションを区別するために含めるレンジ数を選択します。利用可能な設定は2(既定値)、3、4です。

- トラック上のノブをドラッグして、各レンジの固定しきい値を調整します。ノブを動かすと、それぞれのレンジの割合(%)が動的に表示されます。
設定内容は自動保存され、有効なビューに反映されます。
ゲージ本体およびその上に表示される動的な値のスタイルプロパティを設定できます。
1. 対象ページの
ページビルダーに移動し、左ペインの
Gaugeをクリックします。
2. 表示された一覧からゲージテンプレートをドラッグ&ドロップしてビルダー領域に配置します。Gauge Configurationペインが開きます。
メモ: すでにゲージが作成されている場合は、ページビルダー上でそのゲージを選択し、設定をクリックしてGauge Configurationペインを開きます。あるいは、ゲージをダブルクリックして設定ペインを開くこともできます。
3. 右側セクションのStyleタブに移動します。
4. ゲージ本体およびその上に表示される動的な値のスタイルを設定し、進捗や目標が明確に区別できるカスタムゲージを作成できます。
|
プロパティ
|
|
手順
|
|
一般
|
ゲージの色
|
A. 選択したゲージのテーマカラーを選択します。
これには次が含まれます:
- 塗りつぶし色(セミドーナツ、ドーナツ、リニア)- 進捗アークの色
- 非塗りつぶし色(セミドーナツ、ドーナツ、リニア)- 残りのアークの色
- ターゲットマーカーの色(セミドーナツ、リニア)- 目標インジケーターの色
- 針の色(セミドーナツ)- 動的データを表示するインジケーターの色
- 範囲(レンジゲージ)- ゲージに設定された各範囲の色
B. ゲージの背景色をカスタマイズします。
メモ: カラー設定は、プリセットカラー、アプリケーションのテーマカラー(全体のブランディングとの整合用)、およびカラーピッカーで選択したカスタムカラーから選択できます。
|
|
|
フォントファミリー
|
ゲージ上に表示される統計値に使用するフォントを選択します。
|
- 値
- ターゲット
- 最小/最大
(上記の各データごとに、プロパティを個別に設定できます)
|
スタイル
|
ゲージ上のデータのスタイルプロパティ(太字、斜体など)をカスタマイズします。
|
|
|
色
|
A アイコンをクリックし、ゲージデータのフォントカラーを選択します。
|
|
|
フォントサイズ
|
ドロップダウンをクリックし、ゲージデータ用に 12~40px のプリセットフォントサイズから選択します。数値をクリックすると、1~99px の任意のカスタム値を設定できます。
|
2. ゲージの管理
ゲージビルダー内から:
ゲージの作成に加えて、次の操作を実行できます:
- 要素名の追加 - ゲージ設定ペイン右上の鉛筆アイコン(
)をクリックして、要素名を編集します。この名前は、ページビルダー内で他の要素の中から特定の要素を探す際に使用されます。
- ゲージタイプの矢印(
)をクリックし、別のゲージを選択して、設定完了後に種類を変更します。ゲージタイプを切り替えても設定は保持されます。
ゲージの設定が完了したら、アイコン(

)をクリックしてページビルダーに戻ります。ページ上での位置の変更、有効ビューでの件名の設定など、そこでさらにゲージを管理できます。
ページの編集ビューから:
ページ上のゲージをクリックして、以下の操作を実行します。
- ゲージ件名の追加 - T アイコンをクリックして、ゲージの件名を設定します。これはアプリケーションの有効ビューで、ゲージの上部見出しとして表示されます。挿入後、ゲージ件名をクリックして、以下の設定で書式を変更できます。
- フォントファミリー - ドロップダウンから 6 種類のフォントタイプから選択します。
- フォントサイズ - ドロップダウンから 12~40px のサイズを選択します。初期値は 20px です。
- 太字 - B アイコンをクリックして件名を太字にします。
- フォントスタイル - I アイコンをクリックして件名を斜体にします。
- フォントカラー - A アイコンをクリックして、ゲージ件名に合う色を選択します。
- 件名の更新 - 挿入済みの件名をダブルクリックして更新します。
- 件名の削除 - ゲージを選択し、再度 T アイコンをクリックして件名を削除します。

- ゲージの削除 - ゴミ箱アイコンをクリックして、ページからゲージを削除します。
- ゲージの移動 - ページビルダー上で、ゲージをドラッグ&ドロップして別の位置に移動します。
既存のゲージを編集または設定する:
既に挿入済みのゲージを編集する場合は、ページビルダーで対象のゲージを選択し、設定 をクリックします。
- ゲージについて
- ページについて
次のトピック
次のページ要素である
検索バーについて学習します。これはページ上に挿入して、Creator レポートのデータを検索およびフィルターするために使用できます。
前へ
ゲージとは何か、Creator アプリケーションのデータの視覚化にどのように役立つか、その利用シーンについて確認してください。