Skip to main content
<!-- 2 side-by-side charts -->
{% row %}
    {% line_chart
        data="demo_daily_orders"
        x="date"
        date_grain="quarter"
        y="sum(total_sales)"
    /%}
    {% bar_chart
        data="demo_daily_orders"
        x="category"
        y="sum(transactions)"
    /%}
{% /row %}

​
Examples

​
Basic Usage

<!-- 2 side-by-side charts -->
{% row %}
    {% line_chart
        data="demo_daily_orders"
        x="date"
        date_grain="quarter"
        y="sum(total_sales)"
    /%}
    {% bar_chart
        data="demo_daily_orders"
        x="category"
        y="sum(transactions)"
    /%}
{% /row %}

​
Attributes

​
align
string
default:"stretch"
How to vertically align items in this stackAllowed values:
  • top
  • center
  • bottom
  • stretch
​
card
boolean
default:"false"
Display the row contents as a single card when card mode is enabled
​
width
number
Set the width of this component (in percent) relative to the page width