Support Portal

Welcome
Login

Pie and Donut Charts - Pie Chart

Pie Chart Options

This page describes the options for editing pie charts in the visualization menu. This menu can be accessed by clicking the gear in the upper right corner of the visualization tab.

Please note that some of the options listed below may be grayed out or hidden in situations where they would conflict with other settings you have chosen.

Plot Menu Options

Value Labels

Value Labels for pie charts enables you to change how individual sections of the pie chart are labeled for end users. There are three individual label types:

  • None - Labels and legend are not displayed.
  • Legend - The default option. Displays the legend at the bottom of the visualization.
  • Labels - Displays lines marking the individual sections of the the pie chart. You are able to customize the information that is displayed next to these lines by selecting one of the options from the Value Type dropdown menu that appears when selecting Labels.

Label Type

Label Type enables you to customize the format of the labels marking the sections of your pie chart. There are five ways you can customize your labels.

  • Label - Displays the series name.
  • Value - Displays the numeric value associated with the pie slice.
  • Labels - Value - Displays the series name in bold first, then the numeric value.
  • Percent - Displays the percentage of the pie slice as a portion of the total pie.
  • Labels - Percent - Displays the series name in bold first, then the percentage.

Label Type is only available when Value Type is set to Labels.

Inner Radius

Inner Radius enables you to format a pie chart as a donut chart, by setting the radius for the "donut hole". This parameter accepts integers between 0 and 100, representing the percentage of the pie chart's total width (i.e. diameter) that will make up the hole. If no value is set the chart will appear as a normal pie chart.

Start Angle and End Angle

Start Angle and End Angle enable you to control whether the pie chart appears as a full circle or as a portion of a circle. These fields use the 360-degree angles of a circle, and numbers between -360 and 360 can be entered into them. The End Angle must be a more positive number than the Start Angle; if it's not, the visualization will default to a full circle. Similarly, if no values are entered in Start Angle and End Angle, the chart defaults to a full circle.

Once the Start Angle and End Angle are set, your full data results will be shown within that portion of the circle, adjusted to fit that space.

For example, if you enter a Start Angle of 0 and an End Angle of 90, your data appears within the upper right quarter of a circle:

If you enter a Start Angle of -270 and an End Angle of -90, your data appears as the bottom half of a circle:

Series Menu Options

Colors

The Colors section enables you to define the default color scheme for a chart.

Using a Predefined Color Scheme

The Colors dropdown menu enables you to choose from Analytics' pre-defined color options. Analytics includes color palettes for a variety of use cases, such as highlighting differences, showcasing a progression, serving a color-blind audience, and so forth.

Colors will be assigned to each series in order. The first series in the underlying data will be assigned the first color, and so on. If the query returns more data series than colors listed, the colors will repeat from the beginning of the list.

Creating a Custom Color Scheme


To create a custom color scheme, you can either:

  1. Click on one of the colors present to edit it.
  2. Click the + or - buttons below the color palette to add a color to the end of the palette or remove a selected color.
  3. Click EDIT ALL at the bottom right of the menu to use a comma-separated list of color values.

Clicking on one of the colors already present, or clicking the "+" button, will bring up a color picker that you can use to select a color. The corresponding hex value for that color will also be displayed at the bottom of the color picker:

Alternatively, you can input a list of CSS or hex colors by first clicking on the "#" button:

You can input a list of hex strings, such as #2ca6cd, or CSS named color strings, such as mediumblue.

You'll notice that the the text box will be populated with the hex codes of any color scheme you've already chosen or customized. Copying and pasting this list is the best way to copy custom color schemes from one visualization to another.

Customizations

Each series in the chart can be customized in several different ways:

  1. Click the arrow next to a series to expand its options.
  2. Click on the color swatch to select a custom color for the series. This will override the color palette defined by the Colors option.
  3. Enter a custom series label if desired. This will impact the chart legend and tooltips.