Skip to main content
{% combo_chart data="demo_daily_orders" x="date" date_grain="month" %}
    {% bar y="sum(total_sales)" /%}
{% /combo_chart %}

​
Examples

​
Basic Bar Series

{% combo_chart data="demo_daily_orders" x="date" date_grain="month" %}
    {% bar y="sum(total_sales)" /%}
{% /combo_chart %}

​
Unstacked Bars

{% combo_chart data="demo_daily_orders" x="date" date_grain="month" %}
    {% bar y="sum(total_sales)" series="category" stacked=false /%}
{% /combo_chart %}

​
Multiple Stacks

{% combo_chart data="demo_daily_orders" x="date" date_grain="month" %}
    {% bar y="sum(total_sales)" stack_id="sales" /%}
    {% bar y="sum(total_sales)+1000000" stack_id="sales" /%}
    {% bar y="sum(quantity)" stack_id="quantity" /%}
{% /combo_chart %}

​
Attributes

​
y
string
required
Column name for y-axis
​
series
string
Column name for series grouping
​
axis
string
default:"y1"
The axis to render the series onAllowed values:
  • y1
  • y2
​
fmt
string
Format for this series’ values. See Value Formatting for available formats.
​
data_labels
options group
Label each point in the series with its valueExample:
data_labels={
  position = "above"
  fmt = "date"
  size = 0
  distance = 0
  rotate = 0
  color = "string"
  show_overlap = true
}
Attributes:
  • position: string - Position the label relative to its data point
    • Allowed values:
      • above
      • below
      • left
      • right
      • middle
  • fmt: string - Format the label value. Defaults to series or axis fmt.
  • size: number - Font size in px
  • distance: number - How far the label is from the data point
  • rotate: number - Rotate each label (degrees)
  • color: string - Change the text color of the labels
  • show_overlap: boolean - Show labels for every point even when they overlap
​
options
options group
Attributes:
  • color: string
  • opacity: number - Between 0 and 1
​
stacked
boolean | string
default:"true"
Whether to stack bars with the same series value. Set to “100%” for percentage stacking.
​
stack_id
string
Stack identifier - bars with the same stack_id value will be stacked together. Overrides the stacked prop.

​
Allowed Parents