Configuring legends

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:

Legend showing Columns button

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 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 .

    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 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 . 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:

Legend showing Columns button

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:

Legend showing scrollbars

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:

Legend sorted on "zone"

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:

Legend showing past data

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 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 ${resource.labels.zone} is added.

For example, the following screenshot shows a legend template that contains plain text and the expression ${resource.labels.zone}:

A template for a simple description.

In the chart legend, the values generated from the template appear in a column with the header Name and in the hover card:

Descriptions generated from a template.

You can configure the legend template to include multiple text strings and templates; however, the display space available on the hover card is limited.