Axes
The Chart axes provide a value scale for the plotted data series.
Depending on the series types of your project, the Chart delivers:
- A set of category and value axes (in Categorical and Radar series).
- A set of X and Y axes (in Scatter and Polar series).
- No axes (in Pie and Funnel series).
Date Axes
To get a better visualization of seasonal data in your project, scale the date axis of the Bar Chart by either of the following approaches:
- Modify the base date unit of the X-axis through the
:category-axis-base-unit
prop.:category-axis-base-unit
accepts thesecond
,minute
,hour
,day
,week
,month
, andyear
values. - Modify the default aggregates of the series through the
:series-aggregate
prop.:series-aggregate
accepts themax
,min
,sum
,avg
andcount
values.
Logarithmic Axes
A logarithmic axis is a special numeric axis that transforms the actual values by using a logarithmic function with a particular base. Logarithmic axes are suitable for displaying values which cover different orders of magnitude because they allow the Chart to render large together with small values in a more condensed scale than the default linear axis.
The following example demonstrates how to use a logarithmic axis for the Column Chart by setting the :value-axis-type="'log'"
prop.
Multiple Axes
To leverage the Chart performance and visualize data on any number axis for providing solid business reports, the Bar Chart supports multiple axes.
The following example demonstrates how to implement a hybrid car-range report that is visualized through the km, miles, miles per gallon, and liters per 100km value axes. Each value axis has a unique name that is set through the valueAxis.title
configuration. To specify the alignment of the value axes, populate the categoryAxis.axisCrossingValue
array with values.