Stacked bar chart in TypeScript 3D Chart control

18 Nov 20181 minute to read

Stacked bar chart

To render a stacked bar series, use series type as StackingBar and inject StackingBarSeries3D module using Chart3D.Inject(StackingBarSeries3D) method.

Stacking group

To group the stacked bar, the stackingGroup property can be used. The columns with same group name are stacked on top of each other.

Cylindrical stacked bar chart

To render a cylindrical stacked bar chart, set the columnFacet property to Cylinder in the chart series.

Series customization

The following properties can be used to customize the stacked bar series.

  • fill – Specifies the color of the series.
  • opacity – Specifies the opacity of the fill color.