Example of 100% Stacked Bar in React Chart Component

/
/
StackedBar100

This React 100% stacked bar chart example visualizes a comparison of sales percentages over several months with a default 100% stacked bar series. The legend in the sample shows more information about the series.

More Details...

Loading....
Description

In this example, you can see how to render and configure the 100% stacked bar chart. The 100% stacked bar chart displays multiple series of data as stacked bars, ensuring that the cumulative value of each stacked element always totals 100%.

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 100% stacking area series, we need to inject StackingBarSeries module into services.

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