Size and Style

The Size & Style panel contains options to change the chart’s colors, size, grid and axis styles.

Using the Size and Options panel to create a horizontal bar chart

Color Scheme

Use this dropdown to select a color scheme for the chart. Most color schemes contain 10 colors.

Tip

If there are more than 10 items in your chart, use the Default20 color scheme, which has 20 colors.

For charts that contain a single color (Ex: line chart), it’s possible to select an individual color. Next to the color scheme dropdown, a single color selector will appear. Click it to launch a color picker dialog.

Selecting a color scheme for the chart from the color scheme dropdown

Available Color Schemes

Color Scheme	Type		Best for
Tableau	Categorical		Showing different groups or categories of data
Tableau 20	Categorical		Showing different groups or categories of data
Category 20 B	Categorical		Showing different groups or categories of data
Category 20 C	Categorical		Showing different groups or categories of data
Observable	Categorical		Showing different groups or categories of data
Paired	Categorical		Showing different groups or categories of data
Pastel	Categorical		Showing different groups or categories of data
Viridis	Sequential Multi-Hue		Displaying numeric values getting larger or smaller
Magma	Sequential Multi-Hue		Displaying numeric values getting larger or smaller
Plasma	Sequential Multi-Hue		Displaying numeric values getting larger or smaller
Blue Purple	Sequential Multi-Hue		Displaying numeric values getting larger or smaller
Pink Purple	Sequential Multi-Hue		Displaying numeric values getting larger or smaller
Dark Multi	Sequential Multi-Hue		Displaying numeric values getting larger or smaller
Dark Blue	Sequential Multi-Hue		Displaying numeric values getting larger or smaller
Dark Green	Sequential Multi-Hue		Displaying numeric values getting larger or smaller
Light Multi	Sequential Multi-Hue		Displaying numeric values getting larger or smaller
Green Blue	Sequential Multi-Hue		Displaying numeric values getting larger or smaller
Gold Red	Sequential Multi-Hue		Displaying numeric values getting larger or smaller
Red Yellow Green	Diverging		Highlights numeric values with a meaningful midpoint
Spectral	Diverging		Highlights numeric values with a meaningful midpoint
Rainbow	Cyclical		Highlight repeating cycles within data
Blues	Sequential Single-Hue		Displaying numeric values getting larger or smaller
Reds	Sequential Single-Hue		Displaying numeric values getting larger or smaller
Teals	Sequential Single-Hue		Displaying numeric values getting larger or smaller
Purples	Sequential Single-Hue		Displaying numeric values getting larger or smaller
Greens	Sequential Single-Hue		Displaying numeric values getting larger or smaller
Warm Grays	Sequential Single-Hue		Displaying numeric values getting larger or smaller

Customize Colors

For charts that have multiple colors (multi line chart, pie chart, etc), use this section to customize which colors are assigned to different legend items.

Changing the colors assigned to each item in the legend to match team colors.

• Customize Colors Turn this toggle on to customize the colors shown in the chart. The colors will be prefilled with the chosen color scheme.

• Color Mode Set to either save the colors in order, or assign a specific color to a specific label. This comes in handy when changing the columns plotted in the group axis without losing your color selections.

• Reset All Press the reset all button to revert back to the original color scheme.

• Color Scroll Box All legend items will appear in this scroll box along with the color assigned to that item. To change an item’s color, click on it’s color square.

Tip

Color customizations are only available for charts that have legends with 50 items or fewer.

Negative Number Color

You can choose to show negative values in your chart in a different color. To show negative values in a different color, enable the Negative Number Color toggle, then select a color from the color box.

The default color for negative numbers is a shade of red.

Chart Width and Height

• X-Axis Width A slider that sets the width of the x-axis. The value scale is in pixels, and the width can be set in 25 px increments.

• Y-Axis Height A slider that sets the height of the y-axis. The value scale is in pixels, and the height can be set in 25 px increments.

• Auto Size Large # Items When a dataset has a large number of items to plot (more than 20 items) in the X-Axis, this allows the X-Axis to stretch as long as it needs to in order to plot every item.

This setting is enabled by default.

Grid Style

Turning off the grid lines and tick marks produces a cleaner looking chart

This card controls the styling of the chart’s grid. These options don’t apply to pie charts.

• Show Grid Outline Use this toggle to turn on or off the outline around the chart
• Grid Lines Opacity Choose between a number from 0-100 to use as the opacity of the grid lines that connect to the Y-Axis. Set to 0 to turn off these lines.

X and Y-Axis Style

These 2 cards control the styling of the X and Y-Axis. These options don’t apply to pie charts.

Each card contains the following options:

• Show Axis Use this toggle to turn on or off the entire axis
• Tick Mark Opacity Choose between a number from 0-100 to use as the opacity of the tick marks on this axis. Set to 0 to turn off the tick marks.
• Label Opacity Choose between a number from 0-100 to use as the opacity of the labels on this axis. Set to 0 to turn off the labels.
• Axis Line Opacity Choose between a number from 0-100 to use as the opacity of the axis line. Set to 0 to turn off the axis line.
• Title Opacity Choose between a number from 0-100 to use as the opacity of the axis title. Set to 0 to turn off the title.