Bar Chart in TypeScript 3D Chart control

18 Nov 20181 minute to read

Bar chart

To render a bar series, use series type as Bar and inject BarSeries3D module using Chart3D.Inject(BarSeries3D) method.

Bar space and width

The columnSpacing and columnWidth properties are used to customize the space between bars.

Grouped bar

The data points can be grouped in the bar type charts by using the groupName property. Data points with same group name are grouped together.

Cylindrical bar chart

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

Series customization

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

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