Bar Chart

A category bar chart represents data items as rectangular bars.

The bar chart is based on Category Plot and Category Bar Renderer. It inherits all their properties.

This is what category bar chart looks like:

Category bar chart supports six renderers.

Bar Renderer

A classic bar renderer that draws bars for every series/category pair as a separate "bar group".

Stacked Renderer

A renderer that "stacks" bars from different series in every category.

Bar 3D Renderer

A renderer that draws items using bars with a 3D effect.

Stacked 3D Renderer

A renderer that draws stacked bars with a 3D effect.

Layered Bar Renderer

A renderer that draws bars for every series/category pair one over another.

Waterfall Bar Renderer

A renderer for drawing "waterfall" charts. A waterfall chart highlights the difference between two values and the components that make up that difference.

The value in the last category of the dataset should be (redundantly)  specified as the sum of the items in the preceding categories - otherwise the final bar in the plot will be incorrectly plotted.

Bar colors for this renderer are defined using special properties. Related properties inherited from the base renderer are ignored.

Dataset

The category bar chart supports Custom Data model only.

It has the following Source Data Bindings:

Binding

Expected Value Type

Description

Series

String

Textual name of the data series.

Category

String

Name of category. Categories are displayed along the domain axis.

Value

Number

Numeric value to display for the above series/category. Values are displayed along the range axis.

Common Properties

Width, Height, Bindings, Visible, Opaque, Background, Border

All Common Chart Properties.

Source Data and Source Data Bindings properties.

All properties of a Category Plot.

All properties of a Category Bar Renderer.

Custom Properties

Render as Percentages

Flag that controls whether the renderer displays each item  value as a percentage (so that the stacked bars add to 100%).

Example of a stacked bar chart that displays values as percentages:

This property is valid for Stacked Renderer and Stacked 3D Renderer.

Property name: renderAsPercentages

Property type: Boolean

X Offset

X-offset for the 3D effect.

This property is valid for Bar 3D Renderer and Stacked 3D Renderer.

Property name: XOffset

Property type: Float

Y Offset

Y-offset for the 3D effect.

This property is valid for Bar 3D Renderer and Stacked 3D Renderer.

Property name: YOffset

Property type: Float

Wall Paint

Paint used to color the "sides" (or "walls") of the plot background area.

This property is valid for Bar 3D Renderer and Stacked 3D Renderer.

Property name: wallPaint

Property type: Data Table

First Bar Paint

Paint used for the first bar (i.e. first category).

Property name: firstBarPaint

Property type: Data Table

Last Bar Paint

Paint used for the last bar (i.e. last category).

Property name: lastBarPaint

Property type: Data Table

Positive Bar Paint

Paint used for the intermediate bars representing positive values.

Property name: positiveBarPaint

Property type: Data Table

Negative Bar Paint

Paint used for the intermediate bars representing negative values.

Property name: negativeBarPaint

Property type: Data Table

Common Events

Hidden, Shown, Moved, Resized, Mouse Clicked, Mouse Pressed, Mouse Released, Mouse Entered, Mouse Exited, Mouse Moved, Mouse Wheel Moved, Key Typed, Key Pressed, Key Released, Focus Gained, Focus Lost

All relevant chart events.

Additional Examples

Horizontally-oriented bar chart:

A bar chart with the customized Default Item Label Position. A range marker has been added to the chart to indicate a target range for the data values:

A bar chart with items labels displayed for just one series:

Another labels customization:

A 3D bar chart with multiple series:

A 3D bar chart with horizontal orientation:

A bar chart with customized Series Paints:

A layered bar chart with horizontal orientation:

Stacked bar chart with negative values:

A stacked bar chart with a horizontal orientation and Render As Percentages enabled. A completely transparent color is used for the middle series, so that it leaves a gap in the chart:

A stacked bar chart that uses a Date Axis for the range axis:

A stacked bar chart with 3D effect and interval marker:

A stacked bar chart with 3D effect and vertical orientation:

A stacked bar chart with 3D effect and negative values:

A bar chart with two range axes:

Was this page helpful?