• 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

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.