Skip to main content
Version: 6.1.2

Area

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

Chart with area series Chart 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](/6.1.2/features/xy/line)

Area color​

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

For more details about style API, please see Styles, colors and fonts](/6.1.2/more-guides/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](/6.1.2/features/xy/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](/6.1.2/features/xy/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](/6.1.2/features/xy/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](/6.1.2/features/xy/line)

Individual colors​

This section works the same as for Scatter, to avoid duplication of guides, please refer to the section under Scatter](/6.1.2/features/xy/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](/6.1.2/features/xy/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](/6.1.2/features/xy/scatter)

Color by gradient​

This section works the same as for Scatter, to avoid duplication of guides, please refer to the section under Scatter](/6.1.2/features/xy/scatter)

Edit samples data​

This section works the same as for Line, to avoid duplication of guides, please refer to the section under Line](/6.1.2/features/xy/line)

Area stroke​

PointLineAreaSeries is a combination of drawing points, line stroke and area fill. For configuring the line stroke, see Line](/6.1.2/features/xy/line) section.