Vaadin Charts
Table 19.2. 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 Section 19.6.3, “Range Series”, or with DataSeries, described in Section 19.6.2, “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, while the Stacking.PERCENT handles them as proportions.

The fill color for the area is defined with the fillColor property and its transparency with fillOpacity (the opposite of transparency) with a value between 0.0 and 1.0.

The color property in the line plot options defines the line color, lineWidth the line width, and dashStyle the dash pattern for the lines.

See Section 19.4.4, “Scatter Charts” for plot options regarding markers and other data point properties. The markers can also be configured for each data point.

19.4.3. Column and Bar Charts

Column and bar charts illustrate values as vertical or horizontal bars, respectively. The two chart types are essentially equivalent, just as if the orientation of the axes was inverted.

Multiple data series, that is, two-dimensional data, are shown with thinner bars or columns grouped by their category, as described in Section 19.3.1, “Displaying Multiple Series”. Enabling stacking with setStacking() in plot options stacks the columns or bars of different series on top of each other.

You can also have COLUMNRANGE charts that illustrate a range between a lower and an upper value, as described in Section 19.4.7, “Area and Column Range Charts”. They require the use of RangeSeries for defining the lower and upper values.

Table 19.3. Column and Bar Chart Subtypes

ChartType	Plot Options Class
COLUMN	PlotOptionsColumn
COLUMNRANGE	PlotOptionsColumnRange
BAR	PlotOptionsBar

See the API documentation for details regarding the plot options.

418	Column and Bar Charts