Example of Negative Stack in React Chart Component

/
/
NegativeStack

This sample illustrates a stacked bar chart representing the population distribution by age and gender, including negative data points. Data point values are displayed as data labels.

More Details...

Belize Demographic Breakdown by Age and Gender (2024)Source: statisticstimes.comFemaleMale
Description

In this example, you can see how to render and configure negative values in a stacked bar chart. The stacked bar chart stacks points in the series horizontally.

Tooltips are enabled in this example. To see the tooltip in action, hover over a point or tap on a point in touch-enabled devices.

Injecting Module

Chart component features are segregated into individual feature-wise modules. To use stacking bar series, we need to inject StackingBarSeries module into services.

More information on the stacked bar series can be found in this documentation section.