# ファネル チャート

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

販売プロセスにおいて見込み客から顧客に変わる割合を示したファネル チャート。

販売プロセスにおいて見込み客から顧客に変わる割合を示したファネル チャート。

販売プロセスにおいて見込み客から顧客に変わる割合を示したファネル チャート。 ![販売プロセスにおいて見込み客から顧客に変わる割合を示したファネル チャート。](https://help.qlik.com/ja-JP/sense/November2025/Subsystems/Hub/Content/Resources/Images/funnelny50_437x443.png)

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

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

[Funnel Chart](https://play.vidyard.com/kV5TKt4m1dzuXfFNc45oTB)

## 使用に適しているケース

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

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

## ファネル チャートの作成

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

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

次の手順を実行します。

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

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

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

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

### ファネル モード

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

#### 面積

各アイテムの面積は、メジャーに比例します。チャート全体やコンテンツではなく、個々のセグメントの高さのみが影響を受けます。

各アイテムの面積は、メジャーに比例します。チャート全体やコンテンツではなく、個々のセグメントの高さのみが影響を受けます。

各アイテムの面積は、メジャーに比例します。チャート全体やコンテンツではなく、個々のセグメントの高さのみが影響を受けます。 ![既定のファネルモードで作成されたファネル チャート。](https://help.qlik.com/ja-JP/sense/November2025/Subsystems/Hub/Content/Resources/Images/areany50_307x301.png)

#### 高さ

各アイテムの高さは、メジャーに比例します。チャート全体やコンテンツではなく、個々のセグメントの高さのみが影響を受けます。

各アイテムの高さは、メジャーに比例します。チャート全体やコンテンツではなく、個々のセグメントの高さのみが影響を受けます。

各アイテムの高さは、メジャーに比例します。チャート全体やコンテンツではなく、個々のセグメントの高さのみが影響を受けます。 ![メジャーの高さによって形成されたファネルチャート。](https://help.qlik.com/ja-JP/sense/November2025/Subsystems/Hub/Content/Resources/Images/heightny50_309x321.png)

#### 幅

上端の幅はメジャーの最大値に比例しています。最上部のセグメントは常に 100% で、続くセグメントのサイズは最初のセグメントに相対的です。最下部のセグメントは長方形です。これはファネルの形状に影響し、各セグメントは個々の傾きを持ちます。

上端の幅はメジャーの最大値に比例しています。最上部のセグメントは常に 100% で、続くセグメントのサイズは最初のセグメントに相対的です。最下部のセグメントは長方形です。これはファネルの形状に影響し、各セグメントは個々の傾きを持ちます。

上端の幅はメジャーの最大値に比例しています。最上部のセグメントは常に 100% で、続くセグメントのサイズは最初のセグメントに相対的です。最下部のセグメントは長方形です。これはファネルの形状に影響し、各セグメントは個々の傾きを持ちます。 ![メジャーの幅によって形成されたファネルチャート。 ](https://help.qlik.com/ja-JP/sense/November2025/Subsystems/Hub/Content/Resources/Images/funnelny51_298x302.png)

#### 順序

このメジャーは、最上位の値が最も大きいセグメントのみを順序付けします。順序付けは固定されるため、ファネルの形状には影響しません。

このメジャーは、最上位の値が最も大きいセグメントのみを順序付けします。順序付けは固定されるため、ファネルの形状には影響しません。

このメジャーは、最上位の値が最も大きいセグメントのみを順序付けします。順序付けは固定されるため、ファネルの形状には影響しません。 ![一番上に最大値が表示されたファネル チャート。](https://help.qlik.com/ja-JP/sense/November2025/Subsystems/Hub/Content/Resources/Images/orderingny50_303x306.png)

### 色

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

#### 単色

[色] で [単色] を選択することで、ファネル チャート全体で単色を使用できます。

[色] で [単色] を選択することで、ファネル チャート全体で単色を使用できます。

[色色] で [単色単色] を選択することで、ファネル チャート全体で単色を使用できます。 ![一色のファネル チャート](https://help.qlik.com/ja-JP/sense/November2025/Subsystems/Hub/Content/Resources/Images/singleny50_297x304.png)

#### 軸による色分け

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

* 12 色
* 100 色

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

#### メジャーによる色分け

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

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

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

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

#### 数式による色分け

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

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

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

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

### ソート

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

### スタイル指定と書式

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

さらに、プロパティ パネルの [データ] で軸に表示するタイトル ラベルを構成します。スタイル パネルでこれらのテキスト要素のスタイルを変更します。「[スタイル パネルを使用してスタイルをさらにカスタマイズする](https://help.qlik.com/ja-JP/sense/November2025/Subsystems/Hub/Content/Sense_Hub/Visualizations/VisualizationBundle/funnel-chart.htm#Using)」を参照してください。

#### 軸ラベル

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

#### 値ラベル

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

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

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

プロパティ パネルの [スタイル] には、さまざまなスタイル オプションが用意されています。

チャートのスタイル指定をさらにカスタマイズするには、[スタイル] > [プレゼンテーション] で [the スタイル指定 icon] をクリックします。スタイル指定パネルの [基本設定] および [チャート] タブには、さまざまなセクションがあります。

各セクションの横にある ![リセット](https://help.qlik.com/ja-JP/sense/November2025/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) をクリックすると、スタイルをリセットできます。![リセット](https://help.qlik.com/ja-JP/sense/November2025/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) [すべてをリセット] をクリックすると、スタイル指定パネルで使用可能なすべてのタブのスタイルがリセットされます。

個々のビジュアライゼーションのスタイル指定に関する一般的な情報については、「 [ビジュアライゼーションへのカスタム スタイル指定の適用](https://help.qlik.com/ja-JP/sense/November2025/Subsystems/Hub/Content/Sense_Hub/Visualizations/style-visualization.htm)」を参照してください。

### テキストのカスタマイズ

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

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

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

次の手順を実行します。

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

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

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

   * タイトル

   * サブタイトル

   * 脚注

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

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

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

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

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

### 背景のカスタマイズ

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

次の手順を実行します。

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

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

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

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

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

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

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

次の手順を実行します。

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

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

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

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

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

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

## 制限事項

全般的な制限事項については、「[制限事項](https://help.qlik.com/ja-JP/sense/November2025/Subsystems/Hub/Content/Sense_Hub/Visualizations/VisualizationBundle/visualization-bundle.htm#Limitati)」を参照してください。

関連する学習:

* [Visualization Bundle グリッド チャートを構成する方法](https://help.qlik.com/lnk/How_configure_Visualization_Bundle_Funnel_chart)

## 詳細を見る

* [Visualization Bundle グリッド チャートを構成する方法](https://help.qlik.com/lnk/How_configure_Visualization_Bundle_Funnel_chart)