Skip to main content

Example

{% funnel_chart
    data="demo_daily_orders"
    category="category"
    value="sum(transactions)"
    show_percent=true
/%}

Attributes

data
String
required
Name of the table to query
filters
Array
default:"[]"
Array of column names to use as filters
date_range
Use date_range to filter data for specific time periods. Accepts predefined ranges (e.g., “last 12 months”), dynamic ranges (e.g., “Last 90 days”), custom date ranges (e.g., “2020-01-01 to 2023-03-01”), or partial ranges (e.g., “from 2020-01-01”, “until 2023-03-01”)Example:
date_range={
  range = value
  date = "string"
}
Attributes:
  • range: enum
  • date: string
category
String
required
Column name for funnel stages/categories
value
String
required
Column name for values
title
String
Title to display above the chart
subtitle
String
Subtitle to display below the title
info
String
Information tooltip text (can only be used with title)
value_fmt
String
default:"num"
Format for values
legend
Boolean
default:"true"
Show legend
label_position
String
default:"inside"
Label position
chart_options
default:"{}"
Chart configuration optionsExample:
chart_options={
  color_palette = []
}
Attributes:
  • color_palette: array
align
String
default:"left"
Funnel alignment
show_percent
Boolean
default:"false"
Show percentages relative to first stage
min_size
String
default:"0%"
Minimum size of funnel stages
max_size
String
default:"100%"
Maximum size of funnel stages
gap
Number
default:"1"
Gap between funnel stages in pixels
where
String
Custom SQL WHERE condition to apply to the query. For date filters, use date_range instead.
having
String
Custom SQL HAVING condition to apply to the query after GROUP BY
limit
Number
Maximum number of rows to return from the query
order
String
Column name(s) with optional direction (e.g. “column_name”, “column_name desc”)
qualify
String
Custom SQL QUALIFY condition to filter windowed results
width
Number
Set the width of this component (in percent) relative to the page width
I