Bar chart settings

Owned by Tim C
Oct 17, 2024
5 min read

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.

Unstacked bar charts allow for an equal comparison of each group.

Horizontal

Turns your bar chart into a horizontal bar chart, reversing the x- and y-axes

Bar charts are helpful when comparing data across different categories. When dividing your data by ranked or non-continuous groups (basically things other than time), it may help to switch to a horizontal bar chart.

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.

Visually, the percentages are shown along the x-axis if Horizontal is selected.

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.

Show border

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

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

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

Available when the axis labels are numeric

Specify the minimum value of your axis

Max

Available when the axis labels are numeric

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

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

Value labels

Shows the values of each bar directly on the chart

Data format

Select how your value labels are displayed:

  • Number

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

  • Currency

  • None (no format)

  • Custom

Number format

Select how the numbers in your value labels 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 value 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

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)