chartjs-chart-funnel

Appearance

Chart.js module for charting funnel plots. This plugin extends with a new char type funnel.

A Funnel chart is a variant of a bar chart where the bar shrinks on one side to the size of the next bar. In addition, they are usually centered giving the visual impression of a funnel.

funnel chart

Install ​

sh
npm install chart.js chartjs-chart-funnel

Usage ​

see Examples

and CodePen

Configuration ​

Data Structure ​

you can either provide percentages (values between 0 and 1) or absolute values (> 1)

Styling ​

Trapezoid Elements are Bar elements and provide the same coloring options. In addition, see TrapezoidElementOptions custom option with respect to shrinking behavior.

In addition, the FunnelController has the following options FunnelController to customize the alignment of the chart.