Docs

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

Area & Column Range Charts

Charts that display an area or column between a minimum and a maximum value.

Ranged charts display an area or column between a minimum and maximum value, instead of a single data point. They require the use of RangeSeries, as described in "Range Series". An area range is created with the AREARANGE chart type, and a column range with the COLUMNRANGE chart type.

Consider the following example:

Source code
Java
Chart chart = new Chart(ChartType.AREARANGE);

// Modify the default configuration a bit
Configuration conf = chart.getConfiguration();
conf.setTitle("Extreme Temperature Range in Finland");
...

// Create the range series
// Source: https://ilmatieteenlaitos.fi/lampotilaennatyksia
RangeSeries series = new RangeSeries("Temperature Extremes",
    new Double[]{-51.5,10.9},
    new Double[]{-49.0,11.8},
    ...
    new Double[]{-47.0,10.8});//
conf.addSeries(series);

The resulting chart, and the same chart with a column range, are shown in Area and Column Range Chart.

charts arearange
Area and Column Range Chart

Area Range Example

Source code
ChartTypeAreaRange.java

Column Range Example

Source code
ChartTypeColumnRange.java