ApexCharts

forecastDataPoints

Configuration Structure

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

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

Creates dashes in borders of SVG path. Higher number creates more space between dashes in the border.