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