Axes

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

Multi level Axis rotation

In VitaraCharts, 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 . 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

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.