ファネル チャート

ファネル チャート (Funnel chart) は、1 つのプロセスの連続するステージを示す連続チャートを追加できるコントロールです。各ステージは減少していき、前の段階のサブセットを含みます。チャートは徐々に減少して狭まり続けるファネル形状になります。

ファネル チャートには、1 つのプロセスにおける複数ステージの値が示されます。このチャートにより、何であれサイズが減少し続けるプロセスを表すことができます。ファネル チャートは、100% で開始し、低いパーセントで終わるプロセスを示します。チャートの各セグメントは特定の項目の値を表し、他のセグメントのサイズに影響を与えます。ファネル チャートは Visualization bundle に含まれています。

• このチャートには、軸が 1 つとメジャーが 1 つ必要です。
• 棒グラフとは異なり、ファネル チャートの各セグメントは中心が同じで、ファネル形状を形成します。
• ステージが減少していくのではなく増加していくチャートはプラミッド グラフです。

使用に適しているケース

ファネル チャートは、たとえば次の場合のように、プロセスの各ステージと各ステップの全体的な減少を表現する場合に効果的です。

• ステージごとの潜在的な収益額を示す販売プロセスを表す。
• 販売パイプラインの各ステージでの見込み販売数を表現する (すなわち、購入する見込み客からのプロセス)。
• 販売プロセスの潜在的な問題領域とボトルネックを特定する。
• 販売プロセスを新しいチーム メンバーとベンダーに伝達する。
• 訪問者のホームページ ヒット数からダウンロードなどの他の領域まで、Web サイト訪問者の傾向を表現する。
• 開始された注文を一番上にして注文の履行状況を表し、続いて配達中の注文、配達された注文、取り消された注文、返品された注文などを示す。
• 極秘事項から未分類に至る情報の流れを示す。
• 一般知識から専門知識に至る知識領域を表す。

ファネル チャートの作成

編集中のシートにファネル チャートを作成できます。

• 軸は、セグメントにグループ化する方法を決定します。既定では、軸の値はメジャー値の降順で表示されます。
• メジャーは、各セグメントのサイズを決定する値です。

次の手順を実行します。

1. 詳細編集モードのアセット パネルから、[カスタム オブジェクト] > Visualization bundle を開き、Grid chart オブジェクトをシートにドラッグします。
2. 一番上の [軸の追加] ボタンをクリックし、チャートのターゲット軸 (通常はターゲット市場) を選択します。
3. [メジャーを追加] ボタンをクリックしてチャートのメジャー (測定対象) を選択します。軸 (軸ラベル) とメジャー (値ラベル) を選択すると、チャート項目にファネル チャートが自動的に (色付きで) 表示されます。
4. [Done] をクリックしてメイン表示項目に戻ります。
5. [地域] で該当する地域をクリックします。チャート項目が更新され、選択したパラメータと詳細が表示されます。

軸、メジャー、地域の詳細は、編集モードに戻ってもチャート項目に表示され続けます。

チャートのスタイルの変更

チャートは 1 つ以上の機能を使用してカスタマイズできます。

ファネル モード

[スタイル > 表現 > ファネル モード] でファネルの形状を設定できます。

面積

高さ

幅

順序

色

[スタイル > 色] 設定を Auto から Custom へ変更することで、ファネル チャートの色の指定方法を選択できます。

単色

軸による色分け

[色] で [軸ごと] を選択することで、ファネル チャート全体を軸ごとに色付けすることもできます。2 つのグラデーション配色を使用できます。

• 12 色
• 100 色

[固定色] で固定色を保持するように選択することもできます。

メジャーによる色分け

[色] で [メジャーごと] を選択することで、ファネル チャートにメジャーで色を付けることができます。チャートのメジャーが既定値として選択されますが、[メジャーを選択] にて変更することができます。新しいメジャーを選択する前に、このメジャーのリンクを解除する必要があります。数式エディタで、数式を使用してメジャーを変更することもできます ()。

4 つの配色から選択できます。色を反転させることもできます。

• 連続グラデーション
• 連続クラス
• 発散グラデーション
• 発散クラス

[範囲] を [カスタム] に設定することで、メジャーに基づいてチャートの色範囲を設定することもできます。[範囲 > 最小] および [範囲 > 最大] で範囲を設定してください。数値または数値として評価される式を使用できます。

数式による色分け

[色] で [数式] を選択することで、ファネル チャートに数式で色を付けることができます。2 つの方法で色を付けることができます。

• この式は、チャートに色を付けるための有効な CSS 色として評価されます。[数式は色分けされています] をチェックする必要があります。

• チャートは、配色に従って数式の値によって色付けされます。[数式は色分けされています] のチェックをはずす必要があります。

  色の範囲を設定することもできます。

ソート

ファネル チャートの要素は、自動的に最大から最小の順にソートされます。ソート順はプロパティ パネルで変更できます。[ソート] に進み、軸と測定値を希望するソート順になるようにドラッグしてください。

スタイル指定と書式

軸とメジャーの値のラベルの位置と順序は、さまざまな方法で表示可能です。たとえば、軸の値を非表示にすることや、メジャーを値またはパーセントで表示することができます。

さらに、プロパティ パネルの [データ] で軸に表示するタイトル ラベルを構成します。スタイル パネルでこれらのテキスト要素のスタイルを変更します。「スタイル パネルを使用してスタイルをさらにカスタマイズする」を参照してください。

軸ラベル

[スタイル > 表現 > 軸タイトル] で、軸タイトル ラベルを表示するかどうかを選択できます。

値ラベル

[スタイル > 表現 > 値ラベル] を [カスタム] に設定することで、各セグメントの値ラベルの表示方法を選択できます。

• [なし] の場合、値ラベルが非表示になります。
• [共有] の場合、値はパーセントで表示されます。
• [値] の場合、実際のメジャー値が表示されます。

スタイル パネルを使用してスタイルをさらにカスタマイズする

[詳細オプション] をオンにすると、プロパティ パネルの [外観] に多数のスタイル指定オプションが表示されます。

チャートのスタイル指定をさらにカスタマイズするには、[外観] > [プレゼンテーション] で [スタイル指定] をクリックします。スタイル指定パネルの [一般] および [チャート] タブには、さまざまなセクションが表示されています。

各セクションの横にある をクリックすると、スタイルをリセットできます。[すべてリセット] をクリックすると、 [一般] および [チャート] の両方のスタイルをリセットします。

個々のビジュアライゼーションのスタイル指定に関する一般的な情報については、「 ビジュアライゼーションへのカスタム スタイル指定の適用」を参照してください。

テキストのカスタマイズ

[スタイル] > [基本設定] で、タイトル、サブタイトル、脚注のテキストを設定できます。これらの要素を非表示にするには、[タイトルを表示] をオフにします。

チャートの異なるラベルの可視性は、チャートごとの設定とラベル表示オプションによって異なります。これらはプロパティ パネルで構成できます。

チャートに表示されるテキストのスタイルを指定できます。

次の手順を実行します。

1. [詳細オプション] をクリックします。

2. プロパティ パネルで、 [スタイル] セクションを展開します。

3. [スタイル] > [プレゼンテーション] で、[スタイル指定] をクリックします。

4. [基本設定] タブで、次のテキスト要素のフォント、強調スタイル、フォント サイズ、色を設定します。

   • タイトル

   • サブタイトル

   • 脚注

5. [チャート] タブで、次のテキスト要素のフォント、フォント サイズ、色を設定します。

   • 軸タイトル: ビジュアライゼーションの上に表示される、軸タイトルのテキストのスタイルを指定します。

   • 軸の値ラベル: 個別の軸の値を表示するラベルのテキストのスタイルを指定します。

   • 値ラベル: メジャー値ラベルのテキストのスタイルを指定します。

     [自動コントラスト色] 設定を使用すると、選択した値ラベルの色を、ファネルの色とよりコントラストの強い色で自動的に上書きできます。

背景のカスタマイズ

チャートの背景をカスタマイズできます。背景は、色と画像で設定できます。

次の手順を実行します。

1. [詳細オプション] をクリックします。

2. プロパティ パネルで、 [スタイル] セクションを展開します。

3. [スタイル] > [プレゼンテーション] で、[スタイル指定] をクリックします。

4. スタイル指定パネルの [基本設定] タブでは、背景色 (単一色または数式) を選択でき、メディア ライブラリの画像を背景に設定することもできます。

   背景色を使用する場合は、スライダーを使用して背景の不透明度を調整します。

   背景画像を使用する際、画像のサイズや位置を調整できます。

境界線と影のカスタマイズ

チャートの境界線と影をカスタマイズできます。

次の手順を実行します。

1. [詳細オプション] をクリックします。

2. プロパティ パネルで、 [スタイル] セクションを展開します。

3. [外観] > [プレゼンテーション] で、[スタイル指定] をクリックします。

4. スタイル パネルの [一般] タブの [境界線] で、 [枠線] のサイズを調整してチャートの周囲の境界線を増減します。

5. 境界線の色を選択します。

6. [角の半径] を調整して、境界線の丸みを制御します。

7. [一般] タブの [影] で、影のサイズと色を選択します。 影を消す場合は、 [None] (なし) を選択します。

制限事項

全般的な制限事項については、「制限事項」を参照してください。