Area chart settings

General

Chart title

The title of your chart

Title font size

The font size of your chart title

The minimum value is 8.

Chart subtitle

The subtitle of your chart

Subtitle font size

The font size of your chart subtitle

The minimum value is 8.

Show tooltips

Enable tooltips, which appear when you hover over areas of your chart and show the values at the point in focus

Stacked

Stacks each layer of the chart

This gives you a better understanding of how each group’s value contributes to the total value at any given point.

Show border

Shows a visible border around the chart. This border will create a separation between the chart and dashboard elements that surround it.

Sort datasets by area

Sorts the stacked area layers from most to least area, where most is at the bottom and least is at the top

Percentage

Changes your y-axis to show percentages

Charts with a percentage axis are sometimes called 100% stacked charts and are useful for displaying ratios without focusing on individual values.

Legend

Show legend

By default, all charts display a legend if there are multiple groupings in your chart.

The following options are available:

• Always - the legend always appears on your chart

• Never - the legend is hidden from your chart

• Auto - the legend appears when multiple groupings are present

Placement

If the chart legend is shown, choose whether to display the legend outside or inside the chart and where to place it

Outside chart:

• Left

• Right

• Above (default)

• Below

Inside chart:

• Top Left

• Top Right

• Bottom Left

• Bottom Right

Number of columns

Specify the number of columns that your legend spans

Leaving the default as 0 keeps your legend on a single line.

Axis

X-axis

Title

The title for the x-axis

Rotate labels

Rotate the axis labels by -45, -30, 30, or 45 degrees—or don’t rotate them at all

Another way to work with long label names is to use angled or rotated labels. This is great for situations when you can’t (or don’t want to) swap the axes of your chart, or when you have long labels on both axes. If you select Label steps > Show all labels, you can avoid the ellipsis labels by rotating them. Angled labels will get harder to read the more they’re rotated, so only angle them as much as is needed.

Hide labels

Hides the axis labels

Show all labels

To avoid overcrowded axis labels, we sometimes only show every other axis label that should appear. Select this setting to override this behavior and show all labels.

Min

Specify the minimum value of your axis

Max

Specify the maximum value of your axis

Steps

Specify the number of steps to show between your Min and Max values

Log axis

Displays the x-axis on a logarithmic scale

Date format

Select how to format x-axis date labels:

• Short - mm/dd/yy; for example, 03/28/19

• Medium - for example, Mar 28, 2019

• Long - for example, March 28, 2019

• Full - for example, Thursday, March 28, 2019

• ISO-8601 - for example, 2019-03-28

Data format

Select how your values are displayed:

• Number

• Percentage - Multiplies the values by 100 and appends a %

• Currency

• None (no format)

• Custom

Number format

Select how your numbers are displayed:

• 1,234.56

• 1234.56

• 1234,56

• 1.234,56

• 1 234,56

• 1’234.56

Currency format

Select a currency symbol to prepend to your axis labels:

• $ (USD)

• € (EUR)

• ¥ (JPY)

• £ (GBP)

• ₪ (ILS)

• R$ (BRL)

Rounding

Select how to round your values—or don’t round at all

• 1k

• No rounding

• Round to integers (1000)

• 2 decimal places

• 3 decimal places

Y-axis

Title

The title for the y-axis

Rotate labels

Rotate the axis labels by -45, -30, 30, or 45 degrees—or don’t rotate them at all

Hide labels

Hides the axis labels

Min

Specify the minimum value of your axis

Max

Specify the maximum value of your axis

Steps

Specify the number of steps to show between your Min and Max values

Log axis

Displays the y-axis on a logarithmic scale

Data format

Data format

Select how your values are displayed:

• Number

• Percentage - Multiplies the values by 100 and appends a %

• Currency

• None (no format)

• Custom

Number format

Select how your numbers are displayed:

• 1,234.56

• 1234.56

• 1234,56

• 1.234,56

• 1 234,56

• 1’234.56

Currency format

Select a currency symbol to prepend to your axis labels:

• $ (USD)

• € (EUR)

• ¥ (JPY)

• £ (GBP)

• ₪ (ILS)

• R$ (BRL)

Rounding

Select how to round your values—or don’t round at all

• 1k

• No rounding

• Round to integers (1000)

• 2 decimal places

• 3 decimal places

Color

Background color

The background color of your chart

By default, it uses the background color of the dashboard theme. Selecting another color overrides the background color of the dashboard theme.

Use custom colors

Overrides the chart colors of the dashboard theme

Use the color picker or enter a hexadecimal color code to set the color of each column represented on your chart. Make sure to click Select once you’ve chosen your color to update the selection.

The colors are tied to each specific category in your chart, so if the ordering in your chart changes due to the data changing, the color you associated with Login, for example, always stays associated with Login. However, the color resets if you change the name of Login.

Series

Half opacity

Reduces the opacity of area layers to 50%, making them more transparent—especially helpful for stacked area charts

Linear interpolation

Select the type of interpolation for your chart:

• No interpolation (linear) - Uses the least number of data points, resulting in more jagged lines

• Step - No slopes; jumps from one value to the next halfway through

• Cardinal (smoothed) - Uses more data points than Linear interpolation, resulting in smoother lines

Drilldown

Use this chart as a variable control by selecting a dashboard and connecting other variable controls to it. Learn more about how to set up drilldowns for a chart.

Annotation

Add a note at a specific x- or y-axis value in your chart to provide your teammates with some context for the data or add a target line to your chart

Show annotation labels on chart

Shows the label you provide when adding a new annotation to the chart

Add a new annotation

Select Add new annotation to create a new annotation

Axis

Select whether the new annotation should show at a value on the x-axis or y-axis

Value

Specify the value on the chosen axis to show the annotation

The sample values below the text field show the required format.

Label

The note you’d like to add

This appears next to the annotation line.

Color

The color of the annotation (for both the line and annotation label)