Line

{% combo_chart data="demo.daily_orders" x="date" date_grain="month" %}
    {% line y="sum(total_sales)" /%}
{% /combo_chart %}

Examples

Basic Line Series

{% combo_chart data="demo.daily_orders" x="date" date_grain="month" %}
    {% line y="sum(total_sales)" /%}
{% /combo_chart %}

Styled Line

{% combo_chart data="demo.daily_orders" x="date" date_grain="month" %}
    {% line y="sum(total_sales)" options={type="dashed" width=2 markers={shape="circle"}} /%}
{% /combo_chart %}

Raw ECharts overrides on a single series

{% combo_chart data="demo.daily_orders" x="date" date_grain="month" %}
    {% line
        y="sum(total_sales)"
        echarts_options={
            endLabel={ show=true }
            markPoint={ data=[{ type="max" } { type="min" }] }
        }
    /%}
{% /combo_chart %}

Attributes

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.

Extra columns to include in the tooltip on hover. Each entry is { value, label?, fmt?, color_by_sign?, down_is_good? }. See the tooltip fields guide for examples.

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"
  border_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.
- Allowed values: See Value Formatting for all available formats.
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
border_color: string - Change the border color surrounding text labels, defaults to chart background
show_overlap: boolean - Show labels for every point even when they overlap

options

options group

Example:

options={
  color = "string"
  width = 0
  type = "solid"
  opacity = 0
  markers = {
    shape = "circle"
    size = 0
  }
  step = "start"
  smooth = true
}

Attributes:

color: string
width: number - Width of the line
type: string
- Allowed values:
  - solid
  - dashed
  - dotted
opacity: number - Between 0 and 1
markers: options group
- Options:
  - shape: string
    - Allowed values:
      - circle
      - emptyCircle
      - rect
      - roundRect
      - triangle
      - diamond
      - pin
      - arrow
      - none
      - image://
      - path://
  - size: number
step: string - Show a stepped line rather than a smooth line between points and control where the step happens (start, middle, or end)
- Allowed values:
  - start
  - middle
  - end
smooth: boolean

echarts_options

map

Raw ECharts series options deep-merged into this series only. For overrides that apply to every series on the chart, set echarts_series_options on the parent chart instead.Example:

echarts_options={
    endLabel={ show=true }
    markPoint={ data=[{ type="max" } { type="min" }] }
}

Allowed Parents

combo_chart

Get Started

Core Concepts

Features

CLI

Warehouses

Evidence Warehouse

Components

Examples

Basic Line Series

Styled Line

Raw ECharts overrides on a single series

Attributes

Allowed Parents

​Examples

​Basic Line Series

​Styled Line

​Raw ECharts overrides on a single series

​Attributes

​Allowed Parents

Examples

Basic Line Series

Styled Line

Raw ECharts overrides on a single series

Attributes

Allowed Parents