Updated on 2024-06-21 GMT+08:00

Funnel Chart

This section describes parameters of a funnel chart.

Pattern

  • Size/Position
    • Size: width and height of the component. Unit: pixel.
    • Position: position where the component is located in the canvas. Unit: pixel.
    Figure 1 Funnel chart
  • Global Style
    • Font: font type of the component text.
    • Layout: layout of the component. The value can be Align left, Align right, or Align center.
    • Data Sorting: data sorting of the component. The value can be Ascend, Descend, or Data sequence.
    • Image Position: position of the component. Specific settings include Horizontal Moving, Top, and Bottom.
  • Range
    • Min. Value: to set the minimum value by entering a value or clicking .
    • Max. Value: to set the maximum value by entering a value or clicking .
    • Bottom Width: to set the bottom width of the component by entering a value or dragging . A smaller value leads to a narrower bottom width.
    • Top Width: to set the top width of the component by entering a value or dragging . A smaller value leads to a wider top width.
  • Value Tag
    • Value Tag: to show or hide the value tag by clicking or .
    • Text Style: text style of the value tag, including Font Size, Color, Font Width, and Position.
  • Legend
    • Legend: to show or hide legends by clicking or .
    • Text Style: text style of the legend, including Font Size, Color, and Font Width.
    • Layout: layout style of the legend, including Position, Left/Right Spacing, and Top/Bottom Spacing.

Data

For details about how to configure component data, see Configuring Component Data.

  • value: value label displayed on each layer in the funnel chart.
  • s: The s field is a data series field. Data is grouped based on the value of the s field.
    • Add a data series: Click next to s to add a data series.
    • Configure a data series: Click > in front of the data series, and then configure the specified style of the series on the expanded panel.

Interaction

For details about whether the component supports the interaction function and how to use the interaction function, see Configuring Component Interaction.