New Chart Type: Funnel (aka "Pyramid")

1

Hi all,

Glad to share that there’s a new funnel chart type supported by QuickChart. For example:

{
  type: 'funnel',
  data: {
    labels: ['Step 1', 'Step 2', 'Step 3', 'Step 4'],
    datasets: [
      {
        data: [0.7, 0.66, 0.61, 0.15],
      },
    ],
  },
  options: {
    indexAxis: 'y',
  },
}

chart.js funnel chart
chart.js funnel chart1000×600 75.3 KB

It uses the chartjs-chart-funnel plugin, and under the hood it’s just a special type of bar chart, so it’s pretty customizable and compatible with existing plugins such as chartjs-plugin-datalabels.

I get a lot of requests for funnel and pyramid charts, so hopefully this helps you all create some new and useful visualizations.

1 Like