Example of Funnel in React Chart Component

/
/
Funnel

This React Funnel Chart example shows a funnel chart for recruitment process. Datalabels show information about the points.

More Details...

Loading....
Description

In this example, you can see how to render and configure a funnel chart. The labels are smartly arranged to avoid overlapping. The width and height of the funnel chart can be customized using the NeckWidth and NeckHeight properties.

Tooltips are 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.

More information about the funnel series can be found in this documentation section.