Docs / Line charts

Forecast

Pro

Draws actual values solid and forecast values as a dashed line over a shaded region.

Illustration — rendered output uses live data.

Example

blade 
<chart:line-forecast
    :categories="['2020', '2021', '2022', '2023', '2024']"
    :actual="[100, 120, 140]"
    :forecast="[165, 190]"
/>

Props

Prop Type Default Description
categories array [] Labels for the x-axis.
actual array [] The real values.
forecast array [] The predicted values continuing after actual.
forecastName string Forecast Label for the forecast series.

Plus the common props (height, theme, model, class).

This is a Pro component

Unlock it and every other Pro chart with a one-time license.

Get WireCharts Pro
Next Annotations →