Skip to main content
Version: 5.2.1

Area

// Creation of an area series
const areaSeries = chart.addPointLineAreaSeries({ dataPattern: 'ProgressiveX' })

Chart with area seriesChart with area series

Adding data

This section works the same as for Line, to avoid duplication of guides, please refer to the section under Line

Area color

areaSeries.setAreaFillStyle(new SolidFill({ color: ColorRGBA(255, 0, 0) }))

For more details about style API, please see Styles, colors and fonts.

Using timestamps

This section works the same as for Line, to avoid duplication of guides, please refer to the section under Line

Data cleaning / maximum memory use

This section works the same as for Line, to avoid duplication of guides, please refer to the section under Line

Connecting to non-default axis

This section works the same as for Line, to avoid duplication of guides, please refer to the section under Line

Solve nearest from location

This section works the same as for Line, to avoid duplication of guides, please refer to the section under Line

Individual colors

This section works the same as for Scatter, to avoid duplication of guides, please refer to the section under Scatter

Color by lookup table

This section works the same as for Scatter, to avoid duplication of guides, please refer to the section under Scatter

Color by X or Y

This section works the same as for Scatter, to avoid duplication of guides, please refer to the section under Scatter

Color by gradient

This section works the same as for Scatter, to avoid duplication of guides, please refer to the section under Scatter

Edit samples data

This section works the same as for Line, to avoid duplication of guides, please refer to the section under Line

Area stroke

PointLineAreaSeries is a combination of drawing points, line stroke and area fill. For configuring the line stroke, see Line section.