Funnel
Funnel charts are freeform charts, which display a single series of data in progressively decreasing or increasing proportions that are organized in segments, where each segment represents the value for the particular item from the series.
Basics
The values of the items can also influence the height and the shape of the corresponding segments. The Angular Funnel Charts are useful for representing stages in a sales process and for displaying the amount of potential revenues from each stage. They are also suitable for identifying potential problem areas in the sales processes of an organization and for displaying several values.
The following example demonstrates the Angular Funnel chart in action.
Controlling the Funnel Shape
You can influence the form of the funnel by setting the "neck ratio". The neck ratio is the ratio between the width of the base and the width of the funnel top. The default value of the neck ratio is 0.3
. This means that the width of the base is 30% of the width of the top. If you set the neck ratio to values that are larger than 1
, then the funnel will reverse and turn into a pyramid.
Dynamic Slope and Height
By default, the slope and height of the funnel segments are linear. You can change the rendering of the slope and height based on the value of the specific segment.
Support and Learning Resources
- Funnel Chart Homepage
- Getting Started with the Kendo UI for Angular Chart
- API Reference of the Charts
- Glossary
- Getting Started with Kendo UI for Angular (Online Guide)
- Getting Started with Kendo UI for Angular (Video Tutorial)
- Virtual Classroom (Training Courses for Registered Users)
- Chart Forum
- Before You Start: All Things Angular (Telerik Blog Post)
- Knowledge Base