ChartDirector Ver 5.0 (PHP Edition)

Bar Charts


TitleDescription
Simple Bar ChartDemonstrates the basic steps in creating bar charts.
Multi-Color Bar ChartDemonstrates creating a multi-color bar chart, in which each bar has a different color. Also demonstrates metallic background colors and various 3D border effects.
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.
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.