All Products
Search
Document Center

Quick BI:Funnel Chart

Last Updated:Feb 09, 2026

A funnel chart is used to analyze standardized, long-running, and multi-step business processes. You can compare business data across stages to identify issues at a glance. A funnel chart also shows the conversion rate for each step. It is ideal for analyzing complex workflows. For example, it can clearly show the final conversion rate from website visitors to paying customers. This topic describes how to add data to a funnel chart and configure its style.

Prerequisites

The dashboard has been created. For more information, see Create a Dashboard.

Limits

A funnel chart has two parts: Funnel layering/dimension and Funnel width/measure.

  • For Funnel layering/dimension, you can select up to one dimension, or no dimension. For example, region.

  • For Funnel width/measure, you can select from 1 to 10 measures. For example, order amount.

Important

You can configure a funnel chart in two ways:

  • Select one dimension for Funnel layering/dimension and one measure for Funnel width/measure. This configuration is used to analyze data for a single stage and identify issues quickly.

  • Select no dimension for Funnel layering/dimension and 1 to 10 measures for Funnel width/measure. This configuration is used to compare data across multiple stages.

Chart Overview

Scenarios

  • You can use a funnel chart for single-direction analysis of standardized, long-running, and multi-step workflows. You can also compare data across stages to find and explain where problems occur, and then take action.

  • A funnel chart uses the area of a trapezoid to show the difference in volume between one stage and the previous stage.

  • A funnel chart flows from top to bottom. This flow shows the logical progression and how well business goals are met as the process moves forward.

Benefits

  • Calculation: Automatically computes conversion rates.

  • Visualization: Offers trapezoid and rectangle styles, plus custom label displays.

Example Rendered Output

p309688..png

Configure Chart Data

  1. On the Data tab, select dimensions and measures.

    • To compare order amounts by region, add the following fields:

      • From the Dimensions list, double-click or drag Region to the Funnel layering/dimension area.

      • In the Measures list, locate Order amount. You can double-click it or drag it to the Funnel width/measure area.

  2. Click Update. The system automatically updates the chart.

    image..png

Configure Chart Style

This section describes how to configure the chart style. For information about general chart style settings, see Configure the Chart Title. You can set the funnel mode to Classic funnel or Rectangle conversion. image

Funnel

You can set the funnel mode to Classic funnel or Rectangle conversion:

  • If you set Funnel mode to Classic funnel, the system calculates conversion rates as a percentage of the value in the layer above or the value in the first layer. The slope of each trapezoid visually represents the change. Use this mode if you want to see the full workflow and treat the funnel as a single unit.

  • When the Funnel pattern is set to Conversion analysis, the conversion rate is calculated as the percentage of data in each layer compared to the data in the previous layer. This pattern emphasizes the gap between levels and specific conversion values, which makes it suitable for scenarios where you need to compare the conversion efficiency between adjacent stages.

Different modes support different settings. The following sections describe these settings.

  • If Funnel mode is set to Classic funnel, you can set Funnel style to Basic, Bottom rectangle, or Perfect trapezoid.

    image

    Configuration Item Name

    Description

    Basic

    Color scheme

    Set Funnel color. Choose from By layer category, Gradient by layer, or Monochrome. You can also pick custom colors. 111

    Edge display

    Set funnel edges to Real or Smooth. 111

    Bottom rectangle

    Color scheme

    Set Funnel color. Choose from By layer category, Gradient by layer, or Monochrome. You can also pick custom colors.

    Edge display

    Set funnel edges to Real or Smooth.

    Bottom style

    Set the funnel bottom to Flat or Tapered. 111

    Perfect trapezoid

    Color scheme

    Set Funnel color. Choose from By layer category, Gradient by layer, or Monochrome. You can also pick custom colors.

  • If Funnel mode is set to Rectangle conversion, you can set Funnel style to Align center or Align bottom.

    image

    Configuration Item Name

    Description

    Chart direction

    When Funnel style is Align bottom, set chart direction to Horizontal or Vertical. 111

    Color scheme

    Set Funnel color. Choose from By layer category, Gradient by layer, or Monochrome. You can also pick custom colors. 111

    Cylinder Height

    Set the width of bars in the chart.

    Show conversion background

    Turn on or off the conversion background. Set a custom background color.

    Edge display

    Set funnel edges to Real or Smooth.

Legend

In the Legend section, turn on Show legend image and set the Legend style. image

Chart configuration items

Description

Position

Set where to show the legend and how to align it.

  • If you choose Top or Bottom: Align left, center, or right.

  • If you choose Left or Right: Align top, center, or bottom. You can also set the distance between the legend and chart content.

Text

Set legend text style. Choose font color, size, weight, and italic.

Mobile legend

PC and mobile legend settings are independent. Click the PC/Mobile toggle button image at the top of the dashboard editor to switch to mobile view. Then set a mobile-optimized legend — including position and text style. image

Labels

In the Labels section, you can configure which labels to show and their style. image

Configuration item

Description

Mode

Set label display mode. When Funnel style is Basic or Bottom rectangle, choose Mode 1, Mode 2, or Mode 3. When Funnel style is Perfect trapezoid, choose Mode 1 or Mode 2. 111

Show all

Choose whether to show all labels. If your chart has many data points, clear this option. The system then shows only key labels to keep the chart clean.

Category label

Position

Set where to show category labels.

Text

Set category label text style.

Data label

Position

Set where to show data labels.

Text

Set data label text style.

Conversion rate label

Conversion rate calculation

Set how to calculate conversion rates:

  • Percent of layer above = Current layer measure / Layer above measure × 100%

  • Percent of first layer = Current layer measure / First layer measure × 100%

Arrow style

When Funnel style is Perfect trapezoid, set arrow style for conversion rates. image

Display name

When Funnel style is Perfect trapezoid, set a custom display name for the label.

Show background

When Funnel style is Perfect trapezoid, set a custom background color for the label.

Decimal places

Set decimal places for conversion rates.

Text

Set conversion rate label text style.

Total Conversion Rate

In the Total conversion rate section, turn on Show total conversion rate image and set its Position, Name, and Text style. image

configuration item

Description

Position

Set where to show the total conversion rate: Above or Upper left of the funnel.

Custom name

Set a custom name for the total conversion rate based on your business needs.

Decimal places

Set decimal places for the total conversion rate.

Name

Set name text style.

Value

Set value text style.

Tooltip

In the Tooltip section, click the image icon to turn on tooltips and configure their style.

image

Setting

Description

Content

When Funnel mode is Rectangle conversion, choose whether to show Percent of layer above and Percent of first layer in tooltips.

Background color

Set tooltip background color.

Text

Set tooltip text style. Choose font color, size, weight, and italic.

Mobile tooltip

PC and mobile tooltip settings are independent. Click the PC/Mobile toggle button image at the top of the dashboard editor to switch to mobile view. Then edit mobile tooltips. Font size can be set separately for PC and mobile. All other styles apply to both. image

Series Settings

If you turn on Legend, you can use the Series settings to configure the display name for each series.

image

Configure Chart Analysis

Setting

Name

Description

Data interaction

Filter interaction

Use filter interaction to link charts that hold related data. This lets you analyze data across multiple charts at once. For more information, see Filter interaction.

Jump

Use hyperlink to link dashboards that hold related data. This lets you analyze data across multiple dashboards. Choose from In-product navigation, Component in page, or External link. For more information, see Hyperlink.