Docs

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

Column & Bar Charts

Charts that illustrate values as vertical or horizontal bars.

Column and bar charts illustrate values as vertical or horizontal bars, respectively. The two chart types are essentially equivalent, 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 "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 Area & Column Range Charts. They require the use of RangeSeries to define the lower and upper values.

Table 1. Column & Bar Chart Subtypes
ChartType Plot Options Class

COLUMN

PlotOptionsColumn

COLUMNRANGE

PlotOptionsColumnRange

BAR

PlotOptionsBar

See the API documentation for details of the plot options.

Column Example

Source code
ChartTypeColumn.java

Column Range Example

Source code
ChartTypeColumnRange.java

Bar Example

Source code
ChartTypeBar.java