Funnel Chart

Funnel Chart is a funnel-shaped graph used to clearly display events and project stages, presenting an inverted trapezoidal state. The graph is generally composed of vertical or horizontal strips, arranged in a certain order to form stage levels, with each layer representing different stages, thus showing the decreasing trend of certain elements or indicators between these stages.

Funnel charts are suitable for analyzing long-cycle, multi-stage, and standardized business processes. They can be used to display data comparisons of each business step, and through the funnel, data comparisons of each business link can be intuitively found and problems explained.

Advantages: Can well display link-type and process-type data.

Disadvantages: Funnel charts are not suitable for representing category comparisons without logical order; if you need to represent category comparisons without logical order, please use a bar chart. Funnel charts are also not suitable for representing proportion situations; if you need to represent proportion situations, please use a pie chart.

Settings

Data Settings

Setting	Description
Data Source	Select the data source for the funnel chart
Name Field	Select the field returned by the data source, which is used for displaying the name of the funnel chart label, usually displayed in combination with the Hover Display menu.
Value Field	Select the field returned by the data source, the value of this field is used to represent the size of the funnel chart graph

Chart Settings

Setting	Description
Color Allocation Type	Configure the color effect of the graph in the funnel chart, options: Allocate colors from the palette according to the chart、Allocate colors from the palette according to the data items. When multiple charts are aggregated, you can choose to allocate by chart; for a single chart, you can choose to allocate by data item. The specific color value can be adjusted in the Style menu palette.
Minimum Value	Set the minimum data value that affects the graphic effect in the funnel chart. All data smaller than this value are displayed according to the minimum width.
Maximum Value	Set the minimum data value that affects the graphic effect in the funnel chart. All data larger than this value are displayed according to the maximum width.
Data Minimum Width	In the funnel chart, the graphic width when the displayed data is less than or equal to the minimum value.
Data Maximum Width	In the funnel chart, the graphic width when the displayed data is greater than or equal to the maximum value.
Funnel Chart Orientation	Select the horizontal or vertical orientation of the graphics arrangement in the funnel chart.
Data Sorting	Set the sorting method of each graphic in the funnel chart. Options: Ascending、Descending、Sort according to original data
Data Graphic Spacing	Set the spacing between each graphic in the funnel chart
Horizontal Alignment	Set the horizontal alignment of each graphic in the funnel chart. Options: Left、Center、Right

Label Settings

Setting	Description
Display Label	Turn on or off the display of labels on the funnel chart graphics
Display Content Expression	You can customize the editing of expression syntax to achieve complex scene content display. The display priority is lower than [Display Content]
Display Content	You can edit the label display content, which does not support complex expression syntax except prompt content. The display priority is higher than [Display Content Expression]
Position	You can select the display position of the label on the funnel chart graphic
Distance from Graphic	Set the distance between the label and the bar in the bar chart
Label Rotation	Set the rotation angle of the label
Text Offset X	Set the distance of the label from the X-axis
Text Offset Y	Set the distance of the label from the Y-axis
Color	Set the color of the label text
Background Color	Set the background color of the label text. It needs to be used together with parameters such as line height, padding, width, and height in the text style to take effect
Text Style	Set the label text to italic or normal mode
Font Weight	Set the label font weight, options: Default、Bold、Very Bold、Light
Font	Set the label font style, options: sans-serif、serif、monospace、Arial、Courier NEW
Font Size	Set the label font size, the font size is not less than 12 and not more than 100
Horizontal Alignment	Set the horizontal alignment of the label text, including four ways: automatic, left, center, right
Vertical Alignment	Set the vertical alignment of the label text, including four ways: automatic, top, center, bottom
Line Height	Set the line height of the label text, which can take effect after the text Width Exceeding Handling selects the line break option
Padding	Set the distance length of the label text in the background box
Width	Set the maximum display width of the label text, which generally needs to be configured with Width Exceeding Handling for line breaks
Height	Set the display height of the label text, which only affects the background height of the text, not the display of the text itself
Width Exceeding Handling	The processing method after the label exceeds the maximum width, including two types: line break and truncation ellipsis display. After setting to none, the maximum width does not take effect
Stroke Width	Set the stroke width of the label background image, which takes effect after setting the stroke color
Stroke Color	Set the stroke color value of the label background
Stroke Radius	Set the stroke radius of the label background
Shadow Color	Set the shadow color of the label background, which takes effect after setting the label background color and shadow size
Shadow Size	Set the shadow size of the label background
Shadow Horizontal Offset	Set the horizontal offset distance of the label background shadow
Shadow Vertical Offset	Set the vertical offset distance of the label background shadow

Line Style

Setting	Description
Color	Set the color effect of the funnel chart graphics, with higher priority than color allocation in chart settings
Border Color	Set the border color effect of the funnel chart graphics
Stroke Type	Configure the stroke type of the funnel chart graphics. Options: Solid Line、Dashed Line、Dot Dash Line
Stroke Width	Set the stroke line width of the funnel graphics
Stroke Radius	Set the stroke line radius angle of the funnel graphics
Shadow Color	Set the shadow color value of the funnel graphics
Shadow	Set the shadow size of the funnel graphics
Shadow Horizontal Offset	Set the horizontal offset distance of the shadow of the funnel graphics
Shadow Vertical Offset	Set the vertical offset distance of the shadow of the funnel graphics
Opacity	Set the opacity of the funnel graphics, with opacity ranging from 0 to 1

Label Layout

Setting	Description
Hide Overlapping Labels	After opening, labels with overlapping contents will be hidden
Overlapping Offset Direction	When labels overlap together, you can select the direction of label displacement, including horizontal or vertical displacement

Highlight Settings

Setting	Description
Disable Highlight	After disabling highlighting, the label will no longer be highlighted when the mouse moves to the label position
Behavior When Highlighting	Set the interactive style of highlight display
Fade Range	Set the selection range of interactive interface fade when highlighting, providing three ways: fade coordinate system, fade chart, or global fade

Events

Setting	Description
Unclickable	After opening, all label data in the chart cannot be clicked; after closing, you can set the corresponding data click interaction event
Call Automation After Clicking	You can implement related data label click interaction events by selecting the corresponding automation, such as opening the corresponding data form details or other web links after clicking
Call Automation After Double-clicking	The function is the same as click call, but the interaction is triggered by double-click instead of single-click. You can set both click and double-click events at the same time