Configurable legends are available for charts with the following visualization types:
- Line chart
- Stacked bar chart
- Stacked area chart
- Heatmap chart
The legend looks like a table positioned beneath the graph. It has one column of colored dots, a variable number of data columns, and a Value column. The following screenshot shows a chart with a legend:
The column of colored dots keys the lines in the graph to the rows in the legend. The Value column displays the values for the metric being charted, and other columns show the values of chosen metric or resource labels. The dashed bar on the chart indicates the time for which values are displayed.
This page describes how to work with these legends. You can:
- Show or hide the legends.
- Choose the metric and resource labels to display as columns in the legend.
- Sort the rows in the legend based on the values in a column.
- Show both current and past values when using the Compare to past chart-view option. For more information, see the section titled Compare to past.
- Configure the descriptive strings that appear in the legend. For more information, see Legend template.
Show and hide legends
You can show or hide the legends of all charts on a dashboard or of each chart individually:
- To show or hide the legends of every chart in a dashboard, in the dashboard toolbar, click Settings settings and then select Show all legends or Hide all legends.
To show or hide the legend of a particular chart, in the chart toolbar, click Toggle Legend legend_toggle.
When the chart width isn't sufficient to display the legend toggle in the chart's toolbar, this option is accessible by using chart's Other options more_vert menu.
The previous screenshot is an example of a line chart with its legend enabled.
Select legend columns
To change the columns that appear in the legend, click Columns view_column. Clicking the button brings up a configuration panel. This panel lists the metric and resource labels available to display as columns. Required columns have disabled checkboxes. The following screenshot shows the Columns button and the configuration panel for a particular legend:
When the chart is initially created, the system heuristically chooses a set of labels to show by default. You can check or uncheck labelled columns. The entries for required columns, most typically Value, are disabled and cannot be unchecked. When you change the configuration, you must have at least one metric or resource label selected.
If you selected more fields than the chart's width can accommodate, or the if the legend has too many rows to display, it provides appropriate scrollbars, as seen in the following screenshot:
Sort legend rows
You can sort the rows of the legend by any of the columns. Rows can be sorted into ascending or descending order. To sort a row, click on the header. The most recently sorted column displays an arrow indicating the sort order. The following screenshot shows a legend that has been sorted by zone in descending order:
Legends in Compare to past mode
When you use Compare to Past mode on a chart, the legend is modified to include an additional “values” column. The current Value column becomes Today, and the past values column is named appropriately—for example, Last Week. The following screenshot shows a legend for a table comparing current data to that of the last hour:
Configure the legend template
The Legend Template field lets you customize a description for the time series on your chart. These descriptions appear on the hover card for the chart and on the chart legend in the Name column. By default, the descriptions in the legend are created for you from the values of different labels in your time series. Because the system selects the labels, the results might not be helpful to you. You can use this field to build a template for the descriptions.
To access the legend template for a chart, in the Cloud Console, select the Advanced tab in the chart's configuration pane. The legend template is listed under the heading Additional options.
You can enter plain text and templates in the Legend Template field. When you add a template, you add an expression that is evaluated when the legend is displayed.
To add a template, do the following:
- Click Insert a template.
- Select an entry from the menu. After you select an entry, a template is
automatically added. For example, if you select
response_code, then the template
For example, the following screenshot shows a legend template that contains
plain text and the expression
In the chart legend, the values generated from the template appear in a column with the header Name and in the hover card:
You can configure the legend template to include multiple text strings and templates; however, the display space available on the hover card is limited.