Population Pyramid Chart

Overview

A population pyramid is a chart that enables you to compare two different data sets. Consequently, the chart must have two data series. Data series are displayed as horizontal bars. A population pyramid is a horizontal chart with a vertical X axis and a horizontal Y axis. The X axis is displayed in the center of the chart, with the data series’ bars extending to the left and right.

Customization

Series colors are automatically determined. You can also modify these colors to set the desired color scheme.

Features

	Lasso	Brush	Zoom	Dot Tooltip	Line Tooltip	Simple Tooltip	Custom Tooltip	Click event
PopulationPyramidChart

Example

  Creating a simple Funnel Chart  
        
@Public
public class CreatePopupationPyramidChart extends BasePage {

	@Override
	public void build() {
		// Chart creation
		final ChartCanvas chartCanvas = new ChartCanvas();
		// PopulationPyramidChart creation with dataDescriptor and category columnName
		final PopulationPyramidChart populationPyramidChart = new PopulationPyramidChart("firstChart", JBStrap.getDataDescriptor("dummyChartDD"), "category");
		// PopulationPyramidSeries creation with data columnName
		final Series populationPyramidSeriesLeft =  new Series("First populationPyramidChart", "data");
		final BarSeries populationPyramidSeriesRight =  new BarSeries("Second populationPyramidChart", "data2");

		// Add populationPyramidSeries to populationPyramidChart
		populationPyramidChart.addSeries(populationPyramidSeriesLeft);
		populationPyramidChart.addSeries(populationPyramidSeriesRight);
		// Add populationPyramidChart to chartCanvas
		chartCanvas.addChart(populationPyramidChart);


        final Card comment = new Card().addComponent(new Paragraph("Creating a Chart Canvas and a simple Population Pyramid Chart on it."));
 
        final Container mapContainer = new Container().setHeight75().addStyleClass("mt-3").addComponent(chartCanvas);
        final Container commentContainer = new Container().setHeight25().addComponent(comment);
 
        addComponents(mapContainer, commentContainer);

	}

}

Overview

Customization

Features

Example

Related pages