XY Area Chart

The XY area chart is based on XY Plot and XY Renderer. It inherits all their properties.

This is what XY area chart looks like:

XY area chart supports four renderers:

A renderer draws each item in an (X, Y) dataset using a polygon that fills the area between the x-axis and the data point.

The below example uses Date Axis as an x-axis.

A renderer that fills the area under a series, and stacks each series on top of the other.

A renderer that displays data from an (X, Y) Dataset in a step format with the area under the steps filled.

A renderer that highlights the difference between the items in two series by filling in the area between the lines for each series. The fill color alternates between a "positive" color (used when series 1 is greater than series 2) and a "negative" color (used when series 1 is less than series 2).

The below example uses Date Axis as an x-axis.

The XY area chart supports several data models:

• Custom Data
• Event-based Data
• Variable-based Data

It has the following Source Data Bindings:

Additional dataset properties:

Flag that controls whether the items in the series are automatically sorted into ascending order by x-value.

Property name: autoSort

Property type: Boolean

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

All Common Chart Properties.

All Data-related properties.

All properties of a XY Plot.

All properties of a XY Renderer.

Flag that controls whether or not outlines are drawn.

This property is valid for Area and Step renderers.

Property name: outline

Property type: Boolean

Area renderer can work in several different modes:

• Area (normal mode)
• Area and Shapes (date item shapes are visible)
• Shapes and Lines (only date item shapes and item-to-item lines are visible, areas not filled; chart is similar to XY Line Chart)
• Lines (only item-to-item lines are visible, areas not filled; chart is similar to XY Line Chart)
• Shapes (only date item shapes are visible, areas not filled; chart is similar to XY Line Chart)

Example of Area and Shapes mode:

This property is valid for Area renderer.

Property name: XYAreaRendererMode

Property type: Integer

Flag that controls whether or not the x-coordinates (in drawing space) are rounded.

This property is valid for Stacked and Difference renderers.

Property name: roundXCoordinates

Property type: Boolean

Flag that controls whether or not the area beneath the steps is filled.

This property is valid for Step renderer.

Property name: plotArea

Property type: Boolean

Flag that controls whether or not shapes are drawn at each data point.

This property is valid for Step renderer.

Property name: shapesVisible

Property type: Boolean

Flag that controls whether or not shapes (if visible) are filled.

This property is valid for Step renderer.

Property name: shapesFilled

Property type: Boolean

Base value for the renderer. The default value is 0.0.

This property is valid for Step renderer.

Property name: rangeBase

Property type: Float

Paint used to fill the area between series 1 and series 2 when the difference is positive.

This property is valid for Difference renderer.

Property name: positivePaint

Property type: Data Table

Paint used to fill the area between series 1 and series 2 when the difference is negative.

This property is valid for Difference renderer.

Property name: negativePaint

Property type: Data Table

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.

Was this page helpful?

Tell us more

Send

Thank you!