Overview
A Bar Chart represents data using rectangular bars to compare values across categories and series, making it easy to visualize differences, trends, and performance at a glance. To render a bar chart, set the Type property in ChartSeries to ChartSeriesType.Bar.
Data Label
Data labels display the actual values directly on bars, improving readability and reducing the need to refer to axes while allowing customization of position, format, and visibility. Set the Visible property in ChartDataLabel to true to enable data labels.
Stacking Bar
A stacking Bar Chart displays multiple data series as segments within one bar, where each segment represents a part of the total and uses different colors for clarity. To render a stacking bar chart, set the Type property in ChartSeries to ChartSeriesType.StackingBar.
Stacking Labels
Stacking labels show values for individual stacked segments or the total bar, making it easier to understand contributions without interaction or tooltips. To enable stacking labels, set the Visible property in ChartStackLabelSettings to true.
Stacking Group
A stacking group allows multiple independent stacks within the same category by grouping series together, enabling side‑by‑side comparison of different stacked datasets. You can group stacked bars by using the StackingGroup property in ChartSeries.
100% Stacking Bar
A 100% stacking Bar Chart scales each bar to 100%, focusing on percentage contribution rather than absolute values, which is useful for comparing composition across categories. To render a 100% stacking bar chart, set the Type property in ChartSeries to ChartSeriesType.StackingBar100.
Grouped Bar
A grouped Bar Chart places bars next to each other for each category, making it easy to compare multiple series values directly without stacking. You can group series by using the GroupName property in ChartSeries.
Negative Data
Negative data values are represented by bars extending in the opposite direction of the baseline, clearly visualizing losses, reductions, or below‑zero performance. The SfChart will automatically plot negative values based on the data provided.
Bar With Track
A bar with track includes a background bar indicating the total or target value, while the foreground bar shows the actual progress or achievement. To enable the track, set the EnableSideBySidePlacement property in SfChart to false.
Customizing Bar Spacing And Width
Customizing bar spacing and width controls the gap and thickness of bars, improving readability and optimizing the visual balance of the chart layout. You can customize the bar spacing and width using the ColumnSpacing and ColumnWidth properties in ChartSeries.
Bar Width In Pixels
Bar width in pixels allows precise control over the thickness of bars, ensuring consistent appearance across different screens and layouts. You can set the bar width in pixels using the ColumnWidthInPixel property in ChartSeries.
Series Customization
Series customization allows control over each data series appearance and behavior, including color, labels, stacking, and visibility for better emphasis and clarity. You can customize the series using properties like Fill, Opacity, and CornerRadius.
Customizing Data Point Colors
Customizing data point colors enables individual bars or segments to have specific colors, helping highlight important values, exceptions, or conditions. You can customize the data point colors by mapping a data field to the PointColorMapping property in ChartSeries.