The Chart component allows you to display charts with multiple axes and combine several charts.
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 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.
A scale break allows you to cut a part of the axis to improve the readability of a chart with high amplitude values or outliers.
Use the AutoBreaksEnabled property to calculate scale breaks automatically. The number of calculated breaks depends on the source data. The MaxAutoBreakCount property allows you to limit the maximum number of auto-created scale breaks if the
AutoBreaksEnabled is set to true.
In this demo, you can choose the maximum number of auto-created breaks or disable them.