Charts - Multiple Axes

The Chart component allows you to display charts with multiple axes and combine several charts.

Charts - Rotation

The Chart component allows you to swap the argument (X) and value (Y) axes and display the X axis vertically and the Y axis horizontally. To do this, set the chart’s Rotated property to true.

This demo shows two charts bound to the same data source. The chart on the left has the default axes, and the chart on the right has swapped axes.

The loudness of sounds (no changes)
The loudness of sounds (swapped axes)

Charts - Axis Types

The Chart component automatically detects the first series’ data type and uses it to render X (argument) and Y (value) axes. If the data range or format is series specific, each series can use its own Y axis. The number of Chart's Y axes is not limited.

To change the type of an axis, use its Type property. The following axis types are available:

  • Auto (Default) - For integer and float data types, displays numeric arguments/values divided by ticks (the Continuous type). For other data types, displays discrete arguments/values that correspond to chart points (the Discrete type).
  • Continuous - Displays numeric arguments/values divided by ticks.
  • Discrete - Displays discrete arguments/values that correspond to chart points.
  • Logarithmic - Displays numeric arguments/values that grow exponentially. Each axis argument/value equals to the LogarithmBase value raised to some power. For example, if LogarithmBase is set to 10, the following arguments/values are displayed: 10-2, 10-1, 100, 101, 102, etc. This type is useful when you need to visualize a dataset of rapidly-growing values.

In this demo, two Chart components display argument axes of the Discrete type, and value axes of Continuous and Logarithmic types, respectively. The LogarithmBase property for the second chart is set to 2.

The loudness of sounds (continuous value axis)
The loudness of sounds (logarithmic value axis)