forecastDataPoints

Configuration Structure

forecastDataPoints: {
count: number,
fillOpacity: number,
strokeWidth: undefined | number,
dashArray: ApexDashPattern,
}

count

Default: 0

Number of ending data-points you want to indicate as a forecast or prediction values. The ending line/bar will result into a dashed border with a distinct look to differentiate from the rest of the data-points.

fillOpacity

Default: 0.5

Opacity of the fill attribute.

strokeWidth

Default: undefined

Sets the width of the border (applies to line/area/bar/boxplots).

dashArray

Default: 4

Dashes the forecast part of the line. Higher number creates more space between dashes. Since 8.5.0 it also takes a full dash pattern, a string such as '8 3 2 3' or an array of lengths. See stroke.dashArray.