Docs

Documentation versions (currently viewingVaadin 25.3 (pre-release))

Area Charts

Charts that fill the area between the line and a threshold value.

Area charts are like line charts, except that they fill the area between the line and some threshold value on the Y axis. The threshold depends on the chart type. Chart type combinations for spline interpolation and ranges are supported on top of the base type.

Table 1. Area Chart Subtypes
ChartType Plot Options Class

AREA

PlotOptionsArea

AREASPLINE

PlotOptionsAreaSpline

AREARANGE

PlotOptionsAreaRange

AREASPLINERANGE

PlotOptionsAreaSplineRange

In area range charts, the area between a lower and upper value is painted with a transparent color. The data series must specify the minimum and maximum values for the Y coordinates, defined either with RangeSeries, as described in "RangeSeries", or with DataSeries, described in "Generic Data Series".

Plot Options

Area charts support stacking, so that multiple series are piled on top of each other. You enable stacking from the plot options with setStacking(). The Stacking.NORMAL stacking mode does a normal summative stacking, whereas Stacking.PERCENT handles them as proportions.

See Data Point Markers for plot options for markers.

Area Example

Source code
ChartTypeArea.java

Area Spline Example

Source code
ChartTypeAreaSpline.java

Area Range Example

Source code
ChartTypeAreaRange.java

Area Spline Range Example

Source code
ChartTypeAreaSplineRange.java