• Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • Fabric
  • Fabric Dark
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Localization
*Translated by Google Translator.
Currency
Essential Studio
HOME
All Controls

Example of Funnel in ASP.NET Core Chart Control

This sample visualizes the population data of different countries using the default funnel series. Data label shows the information about the points, and they are arranged smartly

DEMO
SOURCE
Neck Width

15%

Neck Height

18%

In this example, you can see how to render funnel chart.dataLabel is used to represent individual data and its value. Here, the labels are arranged smartly to avoid overlap.

Tooltip is enabled in this example. To see the tooltip in action, hover a point or tap on a point in touch enabled devices.

Injecting Module

Chart component features are segregated into individual feature-wise modules. To use Funnel series, we need to inject FunnelSeries module into services.