ChartDirector 7.0 (ASP/COM/VB Edition)

Bar Charts


TitleDescription
Simple Bar Chart (1)Demonstrates the basic steps in creating bar charts.
Simple Bar Chart (2)Extends the Simple Bar Chart (1) example to demonstrates various methods to control the chart appearance and to add titles.
Bar LabelsExtends the Simple Bar Chart (1) example by including bar labels on the bars, and decorating the bars with rounded corners and gradient shading.
Multi-Color Bar Chart (1)Is the same as Simple Bar Chart (2), except that XYChart.addBarLayer3 is used to add a multi-color bar layer instead of a regular bar layer.
Multi-Color Bar Chart (2)Extends the Multi-Color Bar Chart (1) example by decorating the the bars with rounded corners and gradient shading.
Soft Bar ShadingDemonstrates using soft lighting effect for bars and gradient color for plot area background. Also demonstrates putting axis ticks in between axis labels, as opposed to at the axis labels.
Glass Bar ShadingDemonstrates using glass shading effect for bars and gradient color for plot area background. Also demonstrates axis labels on both sides of the plot area.
Gradient Bar ShadingDemonstrates using bar gradient shading for a horizontal bar chart. Also demonstrates using gradient color background, partially rounded frame, and automatic resizing of the plot area to fit the chart.
Cylinder Bar ShadingDemonstrates using cylinder shading effect for bars. Also demonstrates brushed metal background, rounded frame, and axis labels on both sides of the plot area.
3D Bar ChartDemonstrates using Layer.set3D to set the bars to 3D style.
Cylinder Bar ShapeDemonstrates bars of cylinder shape.
Polygon Bar ShapesDemonstrates bars of various polygonal shapes.
Stacked Bar ChartDemonstrates creating a stacked bar chart, completed with bar labels and legend box.
Percentage Bar ChartDemonstrates creating a percentage bar chart with a legend box. Also demonstrates gradient background color, rounded frame, soft drop shadow, and using CDML to include custom icons in the legend box.
Multi-Bar ChartDemonstrates a multi-bar chart, in which bars are clustered. Also demonstrates using alternative plot area background colors, and putting legends internal to the plot area.
Soft Multi-Bar ChartDemonstrates a multi-bar chart with soft lighting effects for bars and gradient color for plot area background.
Glass Multi-Bar ChartDemonstrates a multi-bar chart with glass shading effect for bars and gradient color for plot area background.
Gradient Multi-Bar ChartDemonstrates a multi-bar chart with bar gradient shading and gradient color for plot area background.
Multi-Cylinder ChartDemonstrates a multi-bar chart with cylinder shading effects. Also demonstrates using dotted line style for grid lines.
Multi-Shape Bar ChartDemonstrates a multi-bar chart in which each data set has a different bar shape.
Overlapping Bar ChartDemonstrates a multi-bar chart in which the bars within a cluster overlaps.
Multi-Stacked Bar ChartDemonstrates combining multi-bar style with stacked bar style. Also demonstrates drawing horizontal bar charts, using icons in axis labels with CDML, customizing legend and bar labels, controlling bar widths and centering legend box.
Depth Bar ChartDemonstrates using multiple bar layers with semi-transparent colors to create a depth bar chart.
Positive Negative BarsDemonstrates a bar chart containing positive and negative data, represented by different colors.
Borderless Bar ChartDemonstrates a horizontal bar chart with no axes, grid lines or and plot area border. Also demonstrates using gradient colors for the bars, and a number of other ChartDirector features.
Dual Horizontal Bar ChartsDemonstrates combining two horizontal bar charts of opposite direction using a MultiChart, and a number of other ChartDirector features.
Bars with MarksDemonstrates combine a bar layer with a box-whisker layer to create bars with marks. Also demonstrates gradient background color, rounded frame, soft drop shadow, and automatic resizing of the plot area to fit the chart.
Histogram with Bell CurveThe example demonstrates creating a histogram with a bell curve.
Pareto ChartDemonstrates the pareto chart style.
Variable Width Bar ChartDemonstrates a bar chart with variable bar widths.
Bar GapDemonstrates the effects of different bar gaps configured using BarLayer.setBarGap.