Category Axis
Under Category axis settings, we can format the axis labels, axis title, axis line, hide/unhide axis etc. Let’s see some of them
Enabling/Disabling attribute form name in axis labels
When we enable attribute forms for an attribute in the chart, then by default attribute form [id in particular] will be enabled on the chart as well.
In case if we want to turn off the attribute form for axis label, then disable ‘show attribute id’ checkbox in the property editor here: Axis > Category Axis > Label
To know more about attribute forms in axis labels click here
Multi level Axis rotation
Starting with VitaraCharts 4.8, each level can independently rotate the labels on the category axis. This implies that when there are two attributes in the chart, we can individually control the rotation of each level’s axis label. Axis label rotation can also be configured independently for each level when there are 3 attributes. All charts that include horizontal category axis labels are capable of using this feature. Using the example below, let’s examine this. With two attributes [Quarter, Month] and a measure, we have a column chart. View the resulting screenshot.
See the screenshot below
The category axis labels at two levels in the above screenshot were rotated to some value by default based on the available space.
For each level, we are able to get the labels to spin at a distinct value. For instance, if level 1 = 0, level 2 = -90. Also, have a look at the graphic below to see how things have changed.
And let’s say we have 3 attributes [year, quarter, month]. We set the rotation for level 1 = -90, level 2 = -45, level 3 = 0. See the screenshot below
Value Axis
Under value axis settings also, we can format the axis labels, axis title, axis line, hide/unhide axis etc. Let’s see some of them
Use Metric Formatting.
Just like we have ‘use metric formatting’ option for data labels, there is an option added for value axis labels also. This option is available in Axes > Value axis > Label tab of the property editor. See the screenshot below
This property is linked with the ‘metric format’ property available in data labels. That means, if you enable this property, the value axis labels take the formatting of the data labels.
To understand this, let’s take an example of the below screenshot
As you can see in the screenshot above, the datalabels and axis labels formats are distinct. If you want the same format for axis labels, click the ‘use metric formatting’ box under the value axis tab. The chart then appears as seen below.
Take a look at the screenshot below.
Tick interval
The ‘Tick interval’ setting is now available in the Axes tab as of version 4.3. This feature allows you to change the scale of the value axis.
This option may be found in Axes > Value axis > Other. This option is available for both the major and secondary axes. See the image below.
Let’s see this setting with the example below. We have a bar chart with 2 attributes and 2 metrics.
In the following chart, the default tick interval is 2M (two millions). Now we’ll change the tick interval to 1M (one million). Simply enter ‘1000000’ in the tick interval textbox to achieve this.
See the screenshot below for an updated tick interval on the chart.
Setting up the tick interval for values in % format:
Below is a column chart with metrics in percentage format.
The default tick interval for the above chart is 10%. Now we will customize the tick interval to 5%. For this to happen, we have to put ‘0.05’ the tick interval textbox instead of ‘5%’
See the below screenshot which shows the updated tick interval
Start / End Values
The value axis can have start and end values set. A metric, fixed value, or percentile basis can be used to specify the start or end value.
Axes > Value Axis > [Start Value, End Value] provides access to these properties.
View the property editor in the screenshot.
Let us discuss start/end values with an example below
All four bar values in the screenshot above are greater than 30.7% and less than 31.2%. Therefore, there is no advantage to the bars beginning at 0%. Therefore, the results may be properly examined if the start value is set to 30.7% (0.307) and the final value to 31.2% (0.312).
View the screenshot to see the start and end values.
And after specifying the start & end values, the chart looks like the below screenshot
Sync Axis
From version 5.1 , The primary and secondary axes are now synchronized via a new feature that we have added. We must enable the secondary axis for one of the metrics under the series tab in order to enable the new feature.
The primary and secondary axes values are aligned in the screenshot below.
Truncating and Wrapping
From version 5.1, We have added new features to the label’s property that allow us to customize the labels by truncating or wrapping them.
Truncating
Wrapping
We can also control the labels from the value axis category in case of Bubble and Heatmap Charts.