グラフのカスタマイズ

グラフのカスタマイズ

お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。


グラフの設計時、Zoho Analyticsではさまざまな設定を使用してグラフをカスタマイズし、外観を調整できます。このセクションでは、作成したグラフをカスタマイズするためにZoho Analyticsで利用できる各種設定について説明します。

タイトルと説明

Zoho Analyticsでは、[一般]タブでグラフのタイトル、説明、データの表示をカスタマイズできます。
これらの設定をカスタマイズするには、次の手順を実行します。

  • 対象のグラフを開きます。
  • ツールバーの[設定]をクリックします。次の画像のように、[設定]画面の[一般]タブが表示されます。

 

次の表は、[一般]タブの各種設定について説明しています。

設定項目 説明
一般
タイトル グラフ固有のタイトルを指定します。この項目は必須です。
説明

グラフの説明を指定します。この項目は任意です。

表示
「不明」の値の表示形式 データにNULL値または空の値が含まれている場合に、グラフに表示する値を指定します。
欠損値を表示する 元データに対応する値がないデータポイント(日付/categories))もグラフにプロットするには、[欠損値を表示する]を選択します。選択を解除すると、これらのポイントは軸上で省略されます。
グラフ効果 グラフに効果を適用できます。効果を適用せずにグラフを生成する場合は、[デフォルト]を選択します。
データラベルを表示する この設定は、円グラフとファネルチャートで使用できます。各セクション上にデータラベルとして割合または値を表示するかどうかを設定できます。データラベルを表示しないように設定することもできます。
コンバージョン率を表示する

ファネルの最初と最後のスライスの値を比較し、コンバージョン率を割合で表示するには、この設定を選択します。

ファネルのデザイン
ファネルのデザインを選択します。使用可能な設定は次のとおりです。
  • 値に応じた高さ
  • 均一な高さ
  • 値に応じた幅
  • 必要な設定が完了したら、[適用]をクリックします。

軸の設定

グラフの作成時、Zoho AnalyticsによってX軸とY軸のラベル、軸の範囲、ラベルの間隔などの軸のプロパティが自動的に設定されます。[設定]画面の[軸]タブを使用して、必要に応じてこれらのプロパティをカスタマイズすることもできます。

軸をカスタマイズするには、次の手順を実行します。

  • グラフを開き、ツールバーの[設定]をクリックします。
  • 設定]画面が表示されます。[]タブをクリックします。編集モードでX/Y軸の横にある設定アイコンをクリックして、[]タブを開くこともできます。

 

次の表は、[]タブで使用できる各種設定について説明しています。

設定項目 説明
X軸
ラベル

この設定には、次の2つの項目があります。

名前:

X軸の名前を指定するテキスト項目です。初期設定では、対応する列の名前が軸ラベルとして設定されます。
フォント:

X軸ラベルのフォントのスタイル、サイズ、色をカスタマイズするための設定が複数列で表示されるドロップダウンです。

目盛り

フォント:

X軸の目盛りのフォントスタイルを設定します。目盛りのフォントのスタイル、サイズ、色をカスタマイズするための設定が複数列で表示されるドロップダウンです。

方向

X軸の目盛りラベルの向きを設定します。使用可能な設定は次のとおりです。

  • 自動-目盛りラベルの文字数に応じて、最適な方向にラベルを配置します。
  • 水平-目盛りラベルを水平方向に配置します。
  • 垂直-目盛りラベルを垂直方向(軸に対して90度)に配置します。
  • 斜め-目盛りラベルを斜め方向(軸に対して45度)に配置します。
形式

この設定は、軸に数値列が追加されている場合にのみ使用できます。[形式]リンクを使用して、目盛りの数値データの表示形式を設定します。設定内容は、表の列の表示形式と同様です。詳細については、こちらを参照してください

範囲

Zoho Analyticsでは、データ系列の最大値と最小値に基づいてX軸の範囲が自動的に計算されます。

必要に応じて、[範囲]のチェックボックスを選択し、対応する項目に最大値と最小値を入力して、任意の範囲を設定できます。

この設定は、X軸に数値データ列が追加され、グラフの種類が折れ線グラフ、面グラフ、または散布図に設定されている場合にのみ使用できます。

間隔

Zoho Analyticsでは、軸ラベルの長さとグラフのサイズに基づいて、軸ラベルの間隔が自動的に決定されます。

必要に応じて、[間隔]のチェックボックスを選択し、対応する項目に間隔の値を入力して、任意の間隔を設定できます。

この設定は、X軸に数値データ列が追加され、グラフの種類が折れ線グラフ、面グラフ、または散布図に設定されている場合にのみ使用できます。

Y軸
ラベル

この設定には、次の2つの項目があります。

名前

X軸の名前を指定するテキスト項目です。初期設定では、対応する列の名前が軸ラベルとして設定されます。

フォント:

X軸ラベルのフォントのスタイル、サイズ、色をカスタマイズするための設定が複数列で表示されるドロップダウンです。

目盛り

フォント:

X軸の目盛りのフォントスタイルを設定します。目盛りのフォントのスタイル、サイズ、色をカスタマイズするための設定が複数列で表示されるドロップダウンです。

方向

X軸の目盛りラベルの向きを設定します。使用可能な設定は次のとおりです。

  • 自動-目盛りラベルの文字数に応じて、最適な方向にラベルを配置します。
  • 水平-目盛りラベルを水平方向に配置します。
  • 垂直-目盛りラベルを垂直方向(軸に対して90度)に配置します。
  • 斜め-目盛りラベルを斜め方向(軸に対して45度)に配置します。
データラベル

グラフ内のY軸の値をデータラベルとして表示できます。この設定を選択すると、各データポイントに対応するY値を示すテキストが追加されます。

メモ:

グラフの作成時に列を[テキスト]シェルフにドロップした場合、その設定がデータラベルの設定より優先されます。

形式

この設定は、軸に数値列が追加されている場合にのみ使用できます。[形式]リンクを使用して、目盛りの数値データの表示形式を設定します。設定内容は、表の列の表示形式と同様です。詳細については、こちらを参照してください

範囲

Zoho Analyticsでは、データ系列の最大値と最小値に基づいてX軸の範囲が自動的に計算されます。

必要に応じて、[範囲]のチェックボックスを選択し、対応する項目に最大値と最小値を入力して、任意の範囲を設定できます。

この設定は、X軸に数値データ列が追加され、グラフの種類が折れ線グラフ、面グラフ、または散布図に設定されている場合にのみ使用できます。

間隔

Zoho Analyticsでは、軸ラベルの長さとグラフのサイズに基づいて、軸ラベルの間隔が自動的に決定されます。

必要に応じて、[間隔]のチェックボックスを選択し、対応する項目に間隔の値を入力して、任意の間隔を設定できます。

この設定は、X軸に数値データ列が追加され、グラフの種類が折れ線グラフ、面グラフ、または散布図に設定されている場合にのみ使用できます。

メモ:

  • 円グラフとWebグラフには軸がないため、[]タブは使用できません。

枠線と色

グラフを作成すると、新しいグラフに初期設定の背景と枠線が適用されます。グラフの外観を向上させるために、これらの設定をカスタマイズすることもできます。[設定]画面の[枠線と色]タブには、グラフの外観をカスタマイズするための各種設定があります。
  • グラフの外観をカスタマイズするには、次の手順を実行します。
  • グラフを開き、ツールバーの[設定]をクリックします。
  • 設定]画面が表示されます。[枠線と色]タブをクリックします。
  • グラフをカスタマイズし、[適用]をクリックします。

次の画像は、[枠線と色]タブを示しています。

 

次の表は、[枠線と色]タブで使用できる各種設定について説明しています。

オプション 説明
[グラフの塗りつぶし色]

単一のデータ系列について、グラフの既定の塗りつぶし色をカスタマイズできます。

[枠線のスタイル]

グラフの枠線をカスタマイズできます。次の2つのオプションがあります。

  • 枠線のスタイルを設定するドロップダウン。
  • 枠線の色を設定するカラーピッカー。
[グリッド線のスタイル]

グラフのグリッド線をカスタマイズできます。次の2つのオプションがあります。

  • グリッド線のスタイルを設定するドロップダウン。
  • グリッド線の色を設定するカラーピッカー。
[背景色]

グラフの背景を設定できます。利用可能なオプションは次のとおりです。

  • [既定] - 既定の設定をグラフの背景に適用します。
  • [標準] - 選択した単色をグラフの背景に適用します。

ツールチップ

[ツールチップ]タブは、グラフの作成時に[ツールチップ]項目へ列を追加した場合にのみ表示されます。このタブでは、グラフのツールチップに表示するデータの書式を設定できます。
グラフのツールチップをカスタマイズするには、次の手順を実行します。

  • グラフを開き、[設定]ボタンをクリックします。
  • [設定]画面が開きます。[ツールチップ]タブをクリックします。
  • [ラベル]項目にツールチップのラベル名を入力します。
  • [書式]リンクをクリックし、ツールチップに表示するデータの書式を設定します。[列の書式]ダイアログに表示されるオプションは、列のデータの種類によって異なります。これらのオプションは、テーブルの列の書式設定と同様です。詳細については、こちらを参照してください

次の画像は、[ツールチップ]タブを示しています。

 

書式設定

Zoho Analyticsでは、レポートの作成に使用するすべての列に個別に書式を設定できます。データラベルとツールチップにも個別に書式を設定できます。

詳細については、以下の動画をご覧ください。

メモ:

円グラフを作成した場合、Zoho Analyticsでは、以下の画像に示すように、割合のデータの種類に書式を設定できます。

凡例の設定

グラフの凡例には、グラフで使用されている各データ系列と、それぞれに関連付けられた色が表示されます。凡例は、凡例のタイトル凡例の項目で構成されます。各凡例項目には、データ系列を示す色付きのボックスとデータ系列名が表示されます。

 

Zoho Analyticsでは、初期設定で凡例がグラフの右側に配置され、グラフで使用されているデータ系列に応じて凡例項目が追加されます。凡例の位置、凡例のタイトル、凡例フィルター、各データ系列の色を簡単にカスタマイズできます。

凡例をカスタマイズするには、次の手順を実行します。

  • 対象のグラフを開き、ツールバーの[設定]をクリックします。

  • [設定]画面が開きます。[凡例]タブをクリックします。

  • [凡例]タブには、凡例のプロパティをカスタマイズするためのさまざまなオプションがあります。必要に応じてオプションを設定し、[適用]をクリックします。

次の表は、[凡例]タブで利用できるオプションについて説明しています。

オプション 説明
[凡例の位置]
グラフ内での凡例の位置を設定できます。対応している位置は次のとおりです
  • [非表示]
  • [自動]
  • [右]
  • [左]
  • [左上]
  • [上中央]
  • [右上]
  • [左下]
  • [下中央]
  • [右下]
[タイトル]

このオプションには2つの項目があります。

  • 凡例のタイトルの表示/非表示を切り替えるチェックボックス。
  • 凡例の既定のタイトルを変更できるテキスト項目。この項目の横にあるドロップダウンを使用して、凡例のタイトルのフォントスタイルもカスタマイズできます。
[フォント] 凡例項目のフォントスタイルをカスタマイズできます。
[凡例のスタイル]

凡例項目に対応する値を表示するかどうかを指定します。

[書式]リンクを使用して、データの表示形式もカスタマイズできます。

[凡例フィルター] グラフの表示モードで凡例項目をフィルターとして使用するには、このオプションを選択します。ユーザーは、凡例項目を使用してデータ系列を動的にフィルターできます。
凡例フィルターを使用してデータ系列をフィルターする方法については、こちらをクリックしてください
[パレットの種類]

Zoho Analyticsでは、凡例に次の3種類のパレットを使用できます。

  • [単色]
  • [モノクロ]
  • [グラデーション]
[カラーパレット] データ系列に適用するカラーパレットを選択します。
選択した[パレットの種類]に基づいてカラーパレットを選択することもできます。Zoho Analyticsには、選択可能な定義済みのカラーパレットが用意されています。また、新しいカラーパレットを追加することもできます。
[色]
グラフの各系列の色を個別に変更できます。パレットの色を変更すると、次のオプションが表示されます。
  • [パレットの色を使用]:クリックすると、選択したパレットの色に戻ります。
  • [新しいパレットとして保存]:クリックすると、選択した色がワークスペースの新しいパレットとして保存されます。

次の画像は、[凡例のタイトルを表示][凡例フィルター]を選択し、[凡例の位置][左下]に設定した場合の凡例を示しています。

[編集]モードでは、対応する凡例項目を使用して各データ系列の色を変更することもできます。凡例を使用してグラフの色をカスタマイズする方法については、グラフの色のカスタマイズセクションを参照してください。

しきい値の追加

Zoho Analyticsでは、特定の値を強調するためにグラフへしきい値線を描画できます。しきい値線は、グラフのX軸またはY軸上の固定値に対して、水平または垂直に追加できます。しきい値を使用すると、特定の値を強調してデータを見やすくしたり、データ系列を比較したりできます。

たとえば、最大売上目標を示すしきい値線と、許容可能な最低売上目標を示すしきい値線を設定することで、売上目標の範囲外にある地域を簡単に特定できます。Zoho Analyticsでは、静的しきい値線と動的しきい値線の2種類を追加できます。

静的しきい値:静的しきい値機能では、固定値をしきい値線として設定できます。

グラフにしきい値を追加するには、次の手順を実行します。

  • 対象のグラフを開き、ツールバーの[設定]をクリックします。

  • [設定]画面の[しきい値]タブをクリックします。

  • しきい値の適用範囲を選択します。利用可能なオプションは次のとおりです。

    • [テーブル全体]:テーブル全体に同じしきい値を適用します。

    • [セル単位]:単一のセルにしきい値を適用します。このオプションは、動的しきい値を作成する場合に推奨されます。
      Y軸に複数の列があるグラフには適用できません。

  • [参照軸]ドロップダウンから参照軸を選択します。

  • [値]ドロップダウンから[定数]を選択し、値を入力します。

  • [名前]テキストボックスに、しきい値線の名前を入力します。

  • [書式]ドロップダウンから線の種類と色を選択します。

  • [+しきい値を追加]リンクを使用して、しきい値を追加できます。

  • 必要なしきい値線を追加したら、[適用]をクリックします。

動的しきい値:動的しきい値機能では、参照軸の列または別の列に対して、合計、平均、最小、最大などの動的関数を適用できます。

グラフにしきい値を追加するには、次の手順を実行します。

  • 対象のグラフを開き、ツールバーの[設定]をクリックします。

  • [設定]画面の[しきい値]タブをクリックします。

  • しきい値の適用範囲を選択します。利用可能なオプションは次のとおりです。

    • [セル単位]:単一のセルにしきい値を適用します。複数のY軸を持つ列には適用できません。以下の画像は、各セルに基づくしきい値線の例を示しています。セルごとの平均売上が表示されています。



    • [テーブル全体]:テーブル全体に同じしきい値を適用します。以下の画像は、テーブル全体に適用されたしきい値線の例を示しています。テーブル全体の平均売上が表示されています。


  • [参照軸]ドロップダウンから参照軸を選択します。

  • [値]ドロップダウンから、適用する関数を選択します。参照軸の列または別の列に、合計、平均、最小、最大などの動的関数を追加できます。

  • [名前]テキストボックスに、しきい値線の名前を入力します。

  • [書式]ドロップダウンから線の種類と色を選択します。

  • [+しきい値を追加]リンクを使用して、しきい値を追加できます。

  • 必要なしきい値線を追加したら、[適用]をクリックします。

次の画像は、2本のしきい値線が設定されたグラフを示しています。

既存のしきい値は、[設定]画面で、該当するしきい値の横にある[削除]リンクを使用していつでも削除できます。

グラフのドリルダウンパス

Zoho Analyticsでは、グラフをドリルダウンして詳細な探索分析を実行できます。グラフ内の任意のポイントをクリックすると、その基になるデータポイントを新しいグラフとして可視化できます。Zoho Analyticsでは、グラフにデフォルトのドリルダウンパスが用意されています。

設定ページの[ドリルダウン]タブを使用して、グラフにカスタムのドリルダウンパスを指定することもできます。

ドリルダウンパスの設定

グラフのドリルダウンパスを設定するには、次の手順を実行します。

  1. 対象のグラフを開き、ツールバーの[設定]をクリックします。

  2. [設定]画面が開きます。[ドリルダウン]タブをクリックします。

  3. [ドリルダウン]タブが開きます。

  4. テーブルレベルですでにドリルダウンパスが定義されている場合は、デフォルトで表示されます。ドリルダウンパスを変更するか、グラフの軸に新しいパスを定義できます。

  5. [X軸のパス]と[色のパス]にドリルダウンパスを定義できます。

  6. [適用]をクリックします。このグラフにドリルダウンパスが定義されます。グラフには、[「ドリルダウンする列名」にドリルダウン]として表示されます。

このパスは、定義したグラフにのみ適用されます。パスをグローバルに定義する(すべてのグラフに適用する)場合は、テーブルレベルで対象の列に定義する必要があります。詳細については、こちらのドキュメントを参照してください。

ドリルダウンの無効化

グラフの設定ページにある[ドリルダウン]タブで、対象のオプションの選択を解除すると、グラフのドリルダウンを無効にできます。

  • [ドリルダウン]:選択を解除すると、グラフからドリルダウンオプションが完全に削除されます。

  • [X軸のパス]:選択を解除すると、X軸の列パスに基づくドリルダウンオプションが削除されます。

  • [色のパス]:選択を解除すると、グラフの色列に基づくドリルダウンオプションが削除されます。

  • [動的ドリルダウンを許可]:選択を解除すると、グラフから動的な[ドリルダウン基準]オプションが削除されます。

グラフの色のカスタマイズ

Zoho Analyticsでグラフを作成すると、各データ系列を表す色がグラフに自動的に割り当てられます。これらの色は、グラフに割り当てられたカラーパレットから選択されます。ただし、データ系列のデフォルト色は変更できます。

グラフのデータ系列の色をカスタマイズするには、次の手順を実行します。

  • グラフをデザイン編集モードで開きます。
  • 色を変更するデータ系列の凡例項目にある色のボックスをクリックします。
  • 表示されたメニューで[凡例の色を変更]を選択します。
  • カラーピッカーダイアログが開きます。使用可能なすべての色から目的の色を選択します。対応する項目にRGB値または16進数値を入力して色を指定したり、表示されたカラーパレットから色を選択したりすることもできます。
  • 目的の色を選択したら、[OK]をクリックします。

 

新しく選択した色が、以下のようにグラフ内の該当するデータ系列に反映されます。

[設定][凡例]タブを使用して、凡例の色をカスタマイズすることもできます。詳細については、凡例のセクションを参照してください。

ここまでは、個別のグラフの色をカスタマイズする方法を説明しました。ワークスペース内のすべてのグラフの色を変更することもできます。詳細については、カラーパレットのドキュメントを参照してください。

メモ:

  • [設定]画面の[枠線と色]タブにある[グラフの塗りつぶし色]オプションを使用して、単一のデータ系列の色をカスタマイズできます。

グラフの書式設定

書式メニューでは、X軸、Y軸、色、ツールチップを一元的にカスタマイズできます。
これらの要素をカスタマイズするには、次の手順を実行します。

  • [設定]ボタンをクリックし、[書式]メニューを選択します。
  • [ツールチップのラベル]の横にある[書式]ボタンをクリックします。

日付項目では、一覧から日付形式を選択するか、テキストボックスを使用して独自の形式を作成できます。

通貨データ型の列では、次の書式オプションを使用できます。

  • [通貨記号] - ドロップダウンから国別の通貨記号を選択できます。
  • [単位] - 千(K)、百万(M)、十億(B)から単位を選択できます。または、[自動]を選択すると、Zoho Analyticsによって最適な単位が表示されます。
  • [小数点以下の桁数] - 列に小数点以下を最大10桁まで表示できます。
  • [負の数の表示] - グラフで0未満の値を表示する方法を選択できます。

同様に、パーセントデータ型では、小数点以下の桁数と区切り記号を選択し、パーセント記号の表示と非表示を切り替えることができます。

グラフの[予測]オプションについては、こちらのページを参照してください。

グラフへの画像の表示

Zoho Analyticsでは、グラフの軸にテキストの代わりに画像を表示できます。テーブル内の画像URLを対応する画像に変換することで表示できます。

以下は、画像URL列を含むテーブルの例です。

グラフ内の画像URLを対応する画像に変換するには、次の手順を実行します。

  • 対象のグラフをデザイン編集モードで開きます。

  • 画像URL列をX軸またはY軸のシェルフ、あるいは色のシェルフに追加し、[こちらをクリックしてグラフを生成]ボタンをクリックします。

  • 右上にある[設定]アイコンをクリックします。

  • [書式]セクションに移動し、対象の[書式]リンクをクリックします。

    表示されたポップアップで、[表示形式]ドロップダウンから[画像]を選択し、[画像サイズ]ドロップダウンから目的のサイズを選択して、[OK]をクリックします。

    [画像サイズ]セクションの[カスタム]オプションを使用して、画像のサイズを任意に指定することもできます。

  • [適用]をクリックすると、グラフ内のURLテキストが対応する画像に置き換えられます。

メモ:ツールチップ内に画像を表示することはできません。