Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Expand]Reporting
  [Collapse]Chart Control
   [Expand]Product Information
   [Expand]Getting Started
   [Expand]Fundamentals
   [Collapse]Concepts
    [Collapse]Creating Charts
     [Collapse]2D Chart Types
       Area Chart
       Bubble Chart
       Candle Stick Chart
       Doughnut Chart
       Nested Doughnut Chart
       Full-Stacked Area Chart
       Full-Stacked Bar Chart
       Full-Stacked Line Chart
       Full-Stacked Spline Area Chart
       Funnel Chart
       Line Chart
       Overlapped Gantt Chart
       Overlapped Range Bar Chart
       Pie Chart
       Point Chart
       Polar Area Chart
       Polar Line Chart
       Polar Point Chart
       Radar Area Chart
       Radar Line Chart
       Radar Point Chart
       Range Area Chart
       Scatter Line Chart
       Scatter Polar Line Chart
       Scatter Radar Line Chart
       Side-by-Side Bar Chart
       Side-by-Side Full-Stacked Bar Chart
       Side-by-Side Gantt Chart
       Side-by-Side Range Bar Chart
       Side-by-Side Stacked Bar Chart
       Spline Area Chart
       Spline Chart
       Stacked Area Chart
       Stacked Bar Chart
       Stacked Line Chart
       Stacked Spline Area Chart
       Step Area Chart
       Step Line Chart
       Stock Chart
       Swift Plot
     [Expand]3D Chart Types
     [Expand]Providing Data
     [Expand]Data Representation
     [Expand]Appearance Customization
     [Expand]Miscellaneous
    [Expand]Chart Elements
    [Expand]End-User Interaction
     Supported Browsers
     Adding a Web Chart
     Handling Client-side Scripts
     Medium Trust Support
     Web Farm and Web Gardens Support
   [Expand]Design-Time Features
   [Expand]Visual Elements
   [Expand]Examples
  [Expand]Pivot Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Scheduler
  [Expand]Site Navigation and Layout
  [Expand]HTML Editor
  [Expand]Gauges
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Funnel Chart

Expanded Short Description

The Funnel Chart is represented by the FunnelSeriesView object, which belongs to Pie, Doughnut and Funnel Series Views. Typically, a funnel chart displays a wide area at the top, indicating the total point value, while other areas are proportionally smaller.

For example, a funnel chart can represent a sales funnel that indicates sale process stages, including potential loses at each stage. This helps to identify weak points in an organization's current sales processes, and indicate possible bottlenecks within the data.

The funnel displays a process that starts at 100%, with subsequent stages having a progressively lower percentage. The data point with the greatest value in the collection is 100% (the top of the funnel), which represents the widest polygon. The next series point value is represented by a smaller polygon, whose top width represents the value's ratio to the previous point value. This continues up until the last point, which has a bottom width equal to its top width.

A funnel chart can be used to display Web site visitor trends, as demonstrated in the image below.

Expanded Chart Type Characteristics

The table below lists the main characteristics of this chart type.

Feature

Value

Series View type FunnelSeriesView
Diagram type 2D-SimpleDiagram
Number of arguments per series point 1
Number of values per series point 1
Note

For information on which chart types can be combined with the Funnel Chart, refer to the Combining Different Series Views document.

Expanded Example

The following example demonstrates how to create a ChartControl with a series of the FunnelSeriesView type, and add this chart to a form at runtime. Before proceeding with this example, create a Windows Forms Application in Visual Studio, and add all required assemblies to the References list of your project.

Then, add the following code to the Form.Load event handler.

Show Me

A complete sample project is available in the DevExpress Code Examples database at http://www.devexpress.com/example=E1471.

Expanded See Also

Is this topic helpful?​​​​​​​