This React Funnel Chart example shows a funnel chart for recruitment process. Datalabels show information about the points.
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.