Overview
The Line chart is a cartesian chart type within the Chart block. It plots one line per series across an X axis, with the richest per-series styling of any chart type — including line width, dash pattern, shape (linear vs spline), area fill below the line, and point markers. An area chart is simply a Line chart with the Fill under line option enabled on one or more series.
Tip: Set Chart Type to Line and enable Fill under line per series (gradient, solid, or none) to create an area chart. A single-series chart without grouping defaults to a gradient fill; multi-series defaults to none.
X Axis Configuration
Line shares the same X-axis machinery as Bar and Column:
| Property | Where to Set | Description |
| Value | Content → X Axis → Value | The field plotted on the X axis. |
| Label | Content → X Axis → Label | Axis caption. |
| Type (scale) | Content → X Axis → Type | linear, time, or category. Default linear. Use time for chronological data — this enables the Forecast feature. |
| Plot Periodic Values | Content → X Axis → Plot Periodic Values | Period mode: map a Start value and End value field per row. |
| Group by | Content → X Axis → Group by | Available while the chart has at most one series. Each distinct group value becomes its own plotted line. |
Y Axis
Line offers Y-axis domain (Min Value / Max Value, default auto) in addition to the standard label, tick format, and series list.
| Property | Where to Set | Description |
| Label | Content → Y Axis → Label | Y-axis caption. |
| Tick labels | Content → Y Axis | Value format: Number, Percent, Currency, or Duration. Compact notation available for Number and Currency. |
| Min Value / Max Value | Content → Y Axis → Min / Max | Fixed Y-axis bounds. Default auto-scaled from data. |
| Series | Content → Y Axis → Series | One or more series. Manual or Mapped mode. |
Per-Series Line Styling
Each series on a Line chart has a rich set of appearance options, accessed through the series detail panel:
| Property | Default | Description |
| Line width | 1 | Stroke width of the line. |
| Line dash | solid | Line style: solid, dashed, or dotted. |
| Line shape | linear (category/linear); spline (time) | linear connects points with straight segments. spline smooths the curve between points. For time-scale data, the default is spline. |
| Fill under line | gradient (single series, no grouping); none otherwise | Area fill below the line. Options: gradient, solid, none. This is what turns a Line into an Area chart. |
| Point Markers | on | Toggle markers on each data point. When on, adds Symbol (circle/square/diamond/cross), Size (default 6), fill/border colors, and border width (default 2). |
Forecast
Plot the tail of a line in a different visual style to mark projected values. Only available when the X-axis Type is time.
| Property | Where to Set | Description |
| Forecast (toggle) | Series detail panel → Forecast | Enables forecast styling for this series. |
| Forecast From | Series detail panel → Forecast From | Date/time (epoch) after which points are drawn as forecast. |
| Pattern | Series detail panel | dashed (default) or dotted for the forecast segment. |
| Colours | Series detail panel | Forecast line color, marker fill and border colors. |
Warning: The Forecast section appears only while the Line chart's X-axis Type is time. Switching to linear or category removes the section — already-configured forecasts stop being offered in the inspector.
Common Properties
| Property | Where to Set | Description |
| Tooltip | Content → Tooltip | Custom header and body text for the hover tooltip. |
| Summary | Content → Summary | A row of formatted KPIs rendered with the chart. |
| Threshold (add-on) | Content → Add ons | A reference line at a single value or a min–max band. |
| Scroller / Range Slider (add-on) | Content → Add ons | Pan and zoom the X axis. Labelled Range Slider on time/linear axes with configurable initial visible region. |
| Chart Colours | Appearance → Chart Colours | Color assignment per series, by group values, or by conditions. |
| Data Labels (per series) | Series detail panel → Data Labels | Print value labels on each point. Available when there is no Group by. Position is automatic on Line. |
Events
| Event | Description |
| On Data Point Click | Fires when user clicks a data point. Payload is the clicked record (all fields). |
Behavior & Gotchas
⚠ A time-series line connects straight across missing dates
Rows absent from the data leave no visible gap — the line joins the surrounding points directly. A week of missing data looks like a smooth trend. Fill the gaps in your query with explicit null/zero rows if you want them visible.
⚠ Non-numeric series values plot as zero
A null, missing, or non-numeric value in a series field renders as 0 — the line dips to the baseline instead of breaking at missing points.
⚠ Only the first row per category is plotted
On category and time scales, a second row with the same X value is silently dropped. Aggregate duplicates in your data before binding.
⚠ Group by is hidden once you add a second series
Group by on Line is only present while the series list has at most one entry, matching Bar's behavior (unlike Column which always shows it).
⚠ Data labels always placed automatically on Line
Line has no position control for data labels — the chart positions them automatically. Labels are available as long as there is no Group by.
Common Patterns
Multi-Series Trend Comparison
Set up Line chart with time axis: Set Chart Type to Line and X Axis → Type to
time. Bind a date field to X Axis Value.Add multiple series: Add one series per metric (e.g., revenue, cost, profit). Each becomes its own line.
Style lines distinctly: In each series detail panel, vary Line dash (solid / dashed / dotted) or Symbol shape (circle / square / diamond) to differentiate them without relying only on color.
Stacked Area Chart
Configure Line chart with multiple series: Add one series per category. Set Line shape to
splinefor a smooth look.Enable area fill: In each series detail panel, set Fill under line to
solidwith a low-opacity color. The fills stack visually.
Actuals with a Forecast Tail
Set X-axis to time: Set X Axis → Type to
time— required for forecast.Enable forecast on the series: In the series detail panel, enable Forecast and set Forecast From to today's date.
Style the forecast segment: Keep the dashed pattern and adjust forecast colors to mute them relative to actuals.
Plotting a Continuous Equation
Use linear X axis: Set X Axis → Type to
linear.Sample your equation into data: Generate an array of
{x, y}points in a run script or computed variable — the chart only plots rows you bind; there is no formula input.Smooth the curve: Set Line shape to
splineand sample more points for a smoother result.
Related Pages
| Page | Relationship |
| Bar & Column Charts | Shares cartesian axis and series configuration |
| Data Labels & Annotations | Value labels on line points |
| Scatter & Bubble Charts | Point-based distribution plots on the same cartesian axes |
Frequently Asked Questions
How do I turn a line chart into an area chart?
In the per-series settings, enable Fill under the line style options. The fill color fills the area between the line and the X axis. Use the Fill Opacity setting to control transparency. For a stacked area chart, set multiple series with fill enabled — the block stacks them automatically.
Why does my line chart show a zero value instead of a gap for a missing date?
The block treats any missing value as zero when connecting data points. There is no automatic gap. If you want to represent absence, include the date in your data with a null value, and ensure your data source does not coerce nulls to zero. The resulting null point disconnects the line at that date.
How do I add a forecast tail to my line chart?
The Forecast feature requires the X axis to use a Time scale. Configure Forecast from as the date where your historical data ends and the forecast begins. Add a series for your forecast values �� the visual treatment (e.g., dashed line) differentiates it from the historical series. You control the dashed style in Per-Series Line Styling.
My line chart with a Time X axis is not showing dates in the right order. What's wrong?
Ensure the X axis Type is set to Time, not Category. In Category mode, values are sorted by their order in the data. In Time mode, the block parses date strings and plots them chronologically. Also verify that your date field values are in a consistent, parseable format (ISO 8601 recommended).