このページで説明する内容

さまざまな種類のインタラクティブで情報量の多いチャート（縦棒、横棒、折れ線、散布図、エリア、レーダー、円、ファネルなど）を、組織のニーズに応じて作成する手順を説明します。これらのチャートは、データ集計やフィルターなどを用いて、リアルタイムの更新や指標を表示するのに役立ちます。

利用可能プラン

1. チャートは、Creator のすべてのプランで作成できます。
2. スーパー管理者、管理者、開発者のみがチャートを作成および管理できます。

Zoho Creator では、データを可視化するために、縦棒、横棒、折れ線、散布図、エリア、レーダー、円、ファネルなど、さまざまな種類のチャートを作成できます。チャートビルダーでは、データソースの設定、フィルターの適用、軸ラベル、配色、集計方法などのチャート固有のプロパティを設定できます。また、チャートの外観や動作をカスタマイズして、リアルタイムの指標やインサイトを効果的に表示できるようにできます。

1. 対象の編集モードでページを開き、ページビルダーを開くをクリックします。

3. 左側のページ要素メニューからChartをクリックします。チャートギャラリーがスライド表示され、利用可能なチャートタイプと設定が表示されます。

4. チャートギャラリーからチャートをドラッグ＆ドロップします。右側からChart Configurationペインがスライド表示されます。

5. チャート上でデータを視覚化するために、フォームを選択します。

6. チャートの x 軸に対応付けるフィールドを選択します。選択したフィールドの値が、x 軸上の水平方向のデータポイントとして使用されます。

メモ: 日付フィールドを選択した場合は、その下に表示される日付値をグループ化ドロップダウンで選択した期間に基づいて、x 軸の値をグループ化できます。利用可能な設定は、Actual、Month & Year、Quarter & Year、Yearです。

たとえば、注文日フィールドを選択した場合、データをMonth & Yearでグループ化して、時間の経過に伴う月次売上の推移を表示できます。記録されたすべての日付値は、このMonth & Year構造にグループ化され、わかりやすく表示されます。

7. チャートの実行ビューに表示される x 軸ラベルを入力します。ここには、このフィールドに直接入力するカスタム値、または '${<pagevariable>}' 形式で呼び出す、事前定義済みのページ変数を指定できます。

8. Y 軸に表示する値の種類を選択します。

9. チャートの y 軸に対応付けるフィールドを選択します。選択したフィールドの値が、y 軸上の指標や数値として使用されます。

10. チャートの実行ビューに表示される y 軸ラベルを入力します。ここには、このフィールドに直接入力するカスタム値、または '${<pagevariable>}' 形式で呼び出す、事前定義済みのページ変数を指定できます。

11. y 軸上の目盛りの間隔を決定するInterval値を指定します。

12. チャートの作成対象データとして、選択したフォーム内のすべてのデータを含める場合はすべてのデータを、特定の条件を満たすデータのみを使用する場合は選択したデータを選択します。

メモ:

1. 初期設定では、評価対象としてすべてのデータが選択されています。
2. 選択したデータを選択した場合は、データをフィルタリングする条件を設定します：フィールドを選択 > 演算子を選択 > 値を入力。さらに条件を追加するには、AND または OR を選択します。
   

13. データのフィルター条件の下でフィールドを選択し、チャートの実行ビューにフィルタードロップダウンを作成します。ドロップダウンには、選択したフィールドの値が一覧表示され、ユーザーが選択することでチャートの表示内容を切り替えられます。

メモ: フィルタードロップダウンに使用できるのは、ラジオボタン、ドロップダウン、ルックアップなどの単一選択フィールドのみです。

14. Chart Controlsセクションでデータラベルを有効にし、チャートに表示される各セクションについて、y 軸の指標を常に表示するようにします。これは次のいずれかになります。

メモ:

1. デフォルトではデータラベルは無効になっています。必要に応じて有効に切り替えることができます。
2. データラベルが無効でも、セクションにカーソルを合わせると指標を確認できます。
   

メモ:

1. デフォルトではUnderlying Dataは無効になっています。必要に応じて有効に切り替えることができます。
2. Underlying Data を設定する際、レポートドロップダウンにはリストレポートのみが表示されます。
3. Underlying Dataを有効にした場合、関連付けられたレポートに対して公開アクセスを許可を有効にするかどうかを選択できます。これにより、レポートが公開されていることを前提に、ページが公開された際に、そのレポートが表示されるようになります。
   

16.完了をクリックして設定を保存します。チャートはアプリケーションの実行モードで、設定したプロパティが反映された状態で表示されます。

  

1. 要素名の追加 - Chart Configurationペイン右上の鉛筆（）アイコンをクリックして、要素名を編集します。この名前は、ページビルダー内で他の要素の中から特定の要素を探す際に使用できます。
2. Chart typesの矢印（）をクリックし、別のチャートを選択して、設定完了後に種類を変更します。チャートの種類を切り替えても、設定は保持されます。
   

1. チャートタイトルの追加 - Tアイコンをクリックして、チャートのタイトルを設定します。これは、アプリケーションの実行モードでチャートの上部に見出しとして表示されます。挿入後、チャートタイトルをクリックして、以下の設定で書式を変更できます。
   
1. フォントファミリー - ドロップダウンから 6 種類のフォントタイプのいずれかを選択します。
2. フォントサイズ - ドロップダウンから 12 ～ 40 px のサイズを選択します。初期設定値は 20px です。
3. 太字 - Bアイコンをクリックしてタイトルを太字にします。
4. フォントスタイル - Iアイコンをクリックしてタイトルをイタリックにします。
5. フォントカラー - Aアイコンをクリックして、チャートタイトルに合う色を選択します。
6. タイトルの更新 - 挿入済みのタイトルをダブルクリックして更新します。
7. タイトルの削除 - チャートを選択し、再度Tアイコンをクリックして削除します。あるいは、キーボードの Delete キーを使用して要素を削除します。
   

1. チャートの高さ調整 - アイコンをクリックして、埋め込み要素の高さをAutoまたはカスタム長に設定します。
   

1. チャートの削除 - ゴミ箱アイコンをクリックして、ページからチャートを削除します。
2. チャートの移動 - ページビルダー上でチャートをドラッグ＆ドロップして、別の位置に移動します。
3. チャートのサイズ変更 - チャートの垂直方向の境界をドラッグして、要素の幅を変更します。これは、ページビルダー内で 2 つ以上のページ要素が隣り合って配置されている場合にのみ行えます。
   

3. 関連トピック

1. チャートについて
   
2. ページについて