Simple Chart Example

A funnel chart is used to show streamlined data; each slice in the funnel represents a process that has filtered out data. The last funnel bears the value that is the final result of the entire procedure.

In this section, you will be shown how you can create a simple funnel chart.

Creating a Simple Funnel Chart

For our example, we will create a funnel chart that shows the purchase-conversion analysis; it will filter out data to finally show how many people, who visited the website, actually ended up purchasing something from the website.

To create a funnel chart, you will need to define the data to be represented on the chart. For our example, this data is shown in the table below:

A funnel chart created to show the above purchase-conversion analysis looks like this:

Given below is a brief description of the attributes used to create a simple funnel chart:

The data structure needed to create a simple funnel chart is given below:

• JSON
• XML

{
    "chart": {
        "caption": "Website - Harry's SuperMart",
        "subcaption": "Visit to purchase - Conversion analysis for last year",
        "decimals": "1",
        "is2D": "1",
        "plotTooltext": "Success : $percentOfPrevValue",
        "showPercentValues": "1",
        "theme": "fint"
    },
    "data": [
        {
            "label": "Unique Website Visits",
            "value": "1460000"
        },
        {
            "label": "Programme Details Section Visits",
            "value": "930000"
        },
        {
            "label": "Attempts to Register",
            "value": "540000"
        },
        {
            "label": "Successful Registrations",
            "value": "210000"
        },
        {
            "label": "Logged In",
            "value": "190000"
        },
        {
            "label": "Purchased on Introductory Offers",
            "value": "120000"
        }
    ]
}

There! You have now seen how you can create a simple funnel chart.