Constructing a funnel chart

As the name implies, the shape of a funnel chart is that of a funnel. A funnel chart is another way of showing how data flows in a diminished fashion. For example, it can be used to show the stages from the number of sale leads, demos, and meetings to actual sales, or the number of job applicants that pass through exams, interviews, and an offer to actual acceptance.

The funnel chart is packaged as a separate module which needs to include the JavaScript file as follows:

<script type="text/javascript" src="http://code.highcharts.com/modules/funnel.js"></script>

In this funnel chart example, we will plot a product starting from web visits and leading to product sales. Here is the series configuration:

series: [{ type: 'funnel', ...

Get Learning Highcharts 4 now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.