Book Image

Highcharts Essentials

By : Bilal Shahid
Book Image

Highcharts Essentials

By: Bilal Shahid

Overview of this book

Table of Contents (16 chapters)
Highcharts Essentials
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Drawing a funnel chart


The funnel chart is usually used to represent different stages of a sales process. Being shaped like a funnel, it's divided into different sections with each section representing a process stage. The top section represents the initial stage with most number of clients, while the bottom section is the final stage. Sections become narrower as we go down to the next stage, representing a drop in the number of clients, hence forming the shape of a funnel.

In the following example, we will take a look at how we can create a simple funnel chart:

$( '#chart_container' ).highcharts({
       chart: {
              type: 'funnel',
              marginLeft: -10
       },
       title: {
              text: 'Representing a Typical Sales Project'
       },
       plotOptions: {
              series: {
                     neckWidth: '25%',
                     neckHeight: '35%'
              }
       },
       series: [{
              name: 'Budget',
              data: [
      ...