• Material
  • Fabric
  • Bootstrap
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Essential JS 2
HOME
All Controls

Button

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


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


Tooltip is enabled in this example, to see the tooltip in action, hover the mouse over a point or tap a point in the touch-enabled devices.

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 the 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.