What is the title of the vertical axis?

You can specify a metadata title and primary and secondary axis titles, to identify the data that is displayed on the axes of your chart. You can also specify font options, including font size, color, and font angle. You can label your metadata using the same formatting options.

Table of Contents Show

Prerequisites
Fixing titles
The solution

You can also specify font options, including font size, color, and font angle. You can label your metadata using the same formatting options.

You can specify color, border, and background options for the title of each axis.

Note:

Chart axis options are available for bar, line, and combo charts only.

To define a chart axis title:

Open a report and select a chart.
On the Chart Properties property sheet, click the Format Chart button.
Select the Axes tab to display the formatting options for axes, then perform one or more of the following actions:
- In the Metadata Title text box, enter the title for the horizontal axis.
- In the Primary Axis Title text box, enter the title for the primary vertical axis. This is displayed to the left of the chart.
- In the Secondary Axis Title text box, enter the title for the secondary vertical axis. This is displayed to the right of the chart.
Click the Font button to set font options and then click OK.
Click the Borders and Background icon then specify border and background options for the axis title and click OK.
Click OK.

In the chart, select the "Chart Title" box and type in a title.
Select the + sign to the top-right of the chart.
Select the arrow next to Chart Title.
Select Centered Overlay to lay the title over the chart, or More Options for additional choices.
Right-click the chart title to format it with options like Fill or Outline.

Click on the chart.
Select the + sign to the top-right of the chart.
Uncheck the checkbox next to Chart Title.

Click anywhere in the chart to which you want to add a title.

This displays the Chart Tools, adding the Design, Layout, and Format tabs.
On the Layout tab, in the Labels group, click Chart Title.
Click Centered Overlay Title or Above Chart.
In the Chart Title text box that appears in the chart, type the text that you want.

To start a new line, press ENTER. To insert a line break, click to place the cursor where you want to break the line, and then press ENTER.
To format the text in the title box, do the following:
1. Click in the title box, and then select the text that you want to format.
2. On the Mini toolbar, click the formatting options that you want.
  
  You can also use the formatting buttons on the ribbon (Home tab, Font group). To format the whole title, you can right-click it, click Format Chart Title, and then select the formatting options that you want.

The size of the title box adjusts to the size of the text. You cannot resize the title box, and the text may become truncated if it does not fit in the maximum size.
You can only add one title to a chart. If you want to use a second title or a sub title, you can draw a text box on the chart, and move it to the location that you want (Chart Tools, Layout tab, Insert group, Text Box).
You can manually move the title to another location by dragging the title box to the location that you want.

Click anywhere in the chart to which you want to add axis titles.

This displays the Chart Tools, adding the Design, Layout, and Format tabs.
On the Layout tab, in the Labels group, click Axis Titles.
Do any of the following:
- To add a title to a primary horizontal (category) axis, click Primary Horizontal Axis Title, and then click the option that you want.
  
  If the chart has a secondary horizontal axis, you can also click Secondary Horizontal Axis Title.
- To add a title to primary vertical (value) axis, click Primary Vertical Axis Title or Secondary Vertical Axis Title, and then click the option that you want.
  
  If the chart has a secondary vertical axis, you can also click Secondary Vertical Axis Title.
- To add a title to a depth (series) axis, click Depth Axis Title, and then click the option that you want.
  
  This option is only available when the selected chart is a true 3-D chart, such as a 3-D column chart.
In the Axis Title text box that appears in the chart, type the text that you want.

To start a new line, press ENTER. To insert a line break, click to place the cursor where you want to break the line, and then press ENTER.
To format the text in the title box, do the following:
1. Click in the title box, and then select the text that you want to format.
2. On the Mini toolbar, click the formatting options that you want.
  
  You can also use the formatting buttons on the ribbon (Home tab, Font group. To format the whole title, you can right-click it, click Format Axis Title, and then select the formatting options that you want.
  
  Notes:
  - If you switch to another chart type that does not support axis titles (such as a pie chart), the axis titles will no longer be displayed. The titles will be displayed again when you switch back to a chart type that does support axis titles.
  - Axis titles that are displayed for secondary axes will be lost when you switch to a chart type that does not display secondary axes.

On a chart, click the chart or axis title that you want to link to a worksheet cell.
On the worksheet, click in the formula bar, and then type an equal sign (=).
Select the worksheet cell that contains the data or text that you want to display in your chart.

You can also type the reference to the worksheet cell in the formula bar. Include an equal sign, the sheet name, followed by an exclamation point; for example, =Sheet1!F2
Press ENTER.

In order to continue enjoying our site, we ask that you confirm your identity as a human. Thank you very much for your cooperation.

Adding titles to axes is easy - just use axis' title property. It will add a vertical or horizontal title next to axis depending on its position. However, you might want to place axis label directly on top of the vertical axis. This tutorial will show how.

Prerequisites

Containers

This tutorial will refer to the concept of "containers". This is a super powerful layouting mechanism in amCharts 4. Make sure you take a look at "Working with Containers" article for a better understanding how that stuff works.

Base chart

We've pre-created a basic, multi-value-axis chart with axis titles:

See the Pen amCharts 4: Axis titles on top (1) by amCharts (@amcharts) on CodePen.24419

We have two value axes with titles, that, as you can see, take up a lot of extra space, and generally not look too nice.

Fixing titles

The task

Our target is: moving axis titles from left of the axis to the top. Naturally, they should also not be rotated.

The solution

To achieve our task, we'll need to go through some, uncomplicated tasks.

Make some space on top of the chart for those labels, by setting chart's paddingTop.
Changing layout of the axes to "absolute", so that it does not try to arrange title and label elements in a row.
Disabling rotation of the label by setting its rotation = 0.
Aligning the label using align and valign attributes.
Fine-tuning label position using dy.

Optionally, we'll also tweak label appearance, making them bold by setting fontWeight as well as add some horizontal padding to the axes themselves.

The reason we outlined this in a stepped list, is that we're about to drop a full code on ya:

// Add some spacing on top chart.paddingTop = 40; // ... let axis = chart.yAxes.push(new am4charts.ValueAxis()); axis.renderer.grid.template.disabled = !showgrid; axis.paddingLeft = 10; axis.paddingRight = 10; axis.layout = "absolute"; // Set up axis title axis.title.text = "Something"; axis.title.rotation = 0; axis.title.align = "center"; axis.title.valign = "top"; axis.title.dy = -40; axis.title.fontWeight = 600; // Add some spacing on top chart.paddingTop = 40; // ... var axis = chart.yAxes.push(new am4charts.ValueAxis()); axis.paddingLeft = 10; axis.paddingRight = 10; axis.layout = "absolute"; // Set up axis title axis.title.text = "Something"; axis.title.rotation = 0; axis.title.align = "center"; axis.title.valign = "top"; axis.title.dy = -40; axis.title.fontWeight = 600; { // ... "paddingTop": 40, "yAxes": [{ "paddingLeft": 10, "paddingRight": 10, "layout": "absolute", "title": { "text": "Something", "rotation": 0, "align": "center", "valign": "top", "dy": -40, "fontWeight": 600 } }] }