Size and Options

The Size & Options panel contains options to change the chart’s colors, size, axis sorting and chart specific settings.

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 (line chart), it’s possible to select an individual color from the color scheme. First select a color scheme. Then, from the color drop down, select an individual color along the top row. This is the color that will appear in the chart.

Selecting a single color from the color scheme to appear in the chart

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

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.

Options for Specific Chart Types

This section allows you to set options that only apply to one or more chart types.

• Normalize

Normalize will change the scale of the y-axis to a percentage of 100. It will look as though the plotted bars and area stretch to the top of the chart.

Note

Normalize is an option for Stacked Bar and Grouped Area charts.

• Horizontal Bars Enable this toggle to show the bars of a Bar chart horizontally instead of vertically. This is useful when there is categorical info plotted on the x-axis that have long names. The long names are more easily read horizontally rather than vertically.

Sorting

Auto Sort is enabled by default to automatically sort the items in the chart.

Turn off auto sort to manually control how the chart is sorted.

Note

Many sorting options can be set to Auto, which means the software will choose the best way to sort based on column types and the chart type. Its not always correct - feel free to manually choose your own sorting options!

• Sort X-Axis Which axis to sort the X-Axis by. Options include: Auto, X-Axis and Y-Axis

• Sort Direction The direction to sort the X-Axis in. 0 for auto, 1 for Ascending and 2 for Descending

• Legend Sort Axis Which axis to sort the legend by. Options include: Auto, X-Axis and Y-Axis

• Legend Sort Direction The direction to sort the legend in. 0 for auto, 1 for Ascending and 2 for Descending

• Pieces Sort Direction The direction to sort stacked bar chart and pie chart pieces. 0 for auto, 1 for Ascending and 2 for Descending

Tip

Axis will be sorted either alphabetically or numerically based on the data plotted on the axis.

Numeric Axis Min and Max

Use these settings to control the min and max values plotted on each axis.

• X-Axis Min & Max Set these 2 values to control the smallest and largest value plotted on the X-Axis. This option will be disabled if the chosen X-Axis column is not numeric.

• Y-Axis Min & Max Set these 2 values to control the smallest and largest value plotted on the Y-Axis. This option will be disabled if the chosen chart type is a Stacked Bar chart.

• Group Axis Min & Max Set these 2 values to control the smallest and largest value plotted on the Group Axis (if there is a group axis for the chosen chart type).

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.
• # of Labels Increase or decrease the number of labels shown per axis. Toggle on “Use default # labels” to use the default number of labels

Increase or decrease the number of labels shown per axis

Note

Number of Labels per axis is not an exact amount; if the software can find a “nice” (Ex: 4, 10, 20) number of labels, it will use the nice value instead.