Topics

See more

Pie Chart

Configure Pie Chart 

Data Configuration  

Visual Configuration

User-Defined Colors

Configuration Options in Full-Screen Mode

A Pie chart is a circular statistical graph that is divided into sectors to illustrate proportions.  Each pie slice or sector represents a category and its contribution, in terms of size, to the whole.

In this example, a Pie chart with “Assignee” as a category is created to analyze Jira issues.

To create a Pie chart:

  • Right-click on the ‘Priority’ column > Select View > Change > Pie.

mceclip1.png

Refer here to learn more about creating a visualization.

The following figure shows the resulting Pie chart.

 mceclip2.png

Configure Pie Chart

  • Select the Pie chart and open the Visualizations Panel.

mceclip3.png

The following configuration options are available for Pie chart:

mceclip4.png

  1. Data Configuration  mceclip0.png: It lets you choose columns for the following settings:
    1. Category
    2. Sector size
    3. Color saturation
    4. Sorting
  2. Visual Configuration mceclip1.png: It lets you configure the visual appearances and interactions of the Pie chart.
    1. Label Style
    2. Legend
    3. Decimal Precision for Values
    4. Container Settings
    5. Visual Interactions
  3. Visualization Level Filters mceclip2.png: They let you filter the data in the visualization without impacting other visualizations on the same dataset. 
    Refer here to learn more about Visualization Level Filters.
  4. User-Defined Colors mceclip3.png: They let you add meaning to a data point by associating a specific color to it. User-defined colors also help you to differentiate a data point from the rest.
    1. Colors for Individual Data Item
    2. Color Saturation Settings 

Data Configuration

  • Click on the mceclip0.png icon for data configuration options. 

Categorize By

Specify the column whose values should be displayed as categories in the Pie chart.

To change the column for the category:

  1. Click on the mceclip4.png to remove the existing column.
  2. Drag the desired column from the Data Panel and drop it onto the Visualizations Panel’s “Category By” section.
Note.pngNote: You can type the column name in the Data Panel to quickly find it.

mceclip25.png

Sector Size By

Specify the column to calculate the size of the sectors. The sector size can be calculated using an aggregate function (Sum, Average, etc. ) applied to the given column.

To change the column for sector size:

  1. Follow the same steps as shown in “Categorize By”.
  2. Click on the mceclip5.png icon to select the aggregate function.
  • Aggregate functions for textual data: Count, Unique Count
  • Aggregate functions for numerical data: Count, Unique Count, Sum, Min, Max, Avg

In this example, sector size is calculated based on the count of issues resolved by the Assignee.

mceclip26.png

Color Saturation By

You can use color gradients to show the progression of data from high to low values. Each sector will be colored with a shade of the spectrum between the two colors defined as ‘Minimum’ and ‘Maximum’. 

To apply color gradients:

  1. Drag the desired column from the Data Panel and drop it on the Visualizations Panel’s “Color Saturation” section.
  2. Select the aggregate function by clicking on the mceclip6.pngicon.

In this example, notice how slices in the Pie chart reflect the gradient with light colors for low values and dark colors for high values calculated as Count (Type). 

mceclip23.png

To customize the shades of color saturation, refer to section- Color Saturation Settings. 

Sorting

You can sort the slices of the Pie chart on the basis of either Sector Size or Category. 

Note.pngNote: By default, the Pie chart is sorted by the sector size.

To change the sorting order:

  1. Click on the  mceclip7.pngicon and select the column from the drop-down.
  2. Click on the mceclip8.png or mceclip9.pngicon to select the sorting order (ascending or descending).

mceclip24.png

Visual Configurations

  • Click on themceclip10.png icon for visual configuration settings. 

Label Style

This lets you customize the look and feel of data labels shown in each sector of a Pie.

  1. To turn labels on or off, select the toggle switch next to Label. 
  2. To display values, select the toggle switch next to Value.
  3. To display values in percentage, select the toggle switch next to Value %.
  4. Move the slider or provide the value for font size.
  5. Click on the mceclip0.pngicon and select a font color. To restore the default color setting, click  ‘Reset to Default’.

Legend

Legend helps you identify and correlate data on your chart. They provide an overview of the different data points on the chart along with the associated colors.

  1. To turn legends on or off, select the toggle switch next to Legend. 
  2. Select legend position (Left, Right).
  3. Enter the text to change the legend heading.

mceclip9.png

Note.pngNote: Click on legend items and related data will be highlighted in the visualization.

 

Decimal Precision

  • Choose the number of decimal places, you want to represent the values with. 

mceclip10.pngmceclip11.png

Container Settings

  1. To show/hide the header and border, click the toggle switch. 
  2. Turn on the toggle switch to show the border for the container. Change the border color, style and width as shown below:

mceclip12.png

The following figure displays the effect of various container settings for Pie chart.

mceclip13.png

Visual Interactions

  • Select the target behavior and coordinated visualization scope from the below settings.

mceclip14.png 

To learn more, refer to section- ‘Configure Coordinated Visualization’. 

User-Defined Colors

  • Click on the mceclip11.pngicon for user-defined colors. 

Colors for Individual Data Item

It lets you add meaning to a data item by associating a specific color to it and differentiate some data items from the rest.

For example, the red and green color may be used to represent “Off Track” and “On Track” issues, respectively. Whereas, orange color may be used for the “Bugs” type of issues to draw attention.

To change the colors:

  1. Click on the mceclip12.pngicon next to the data item for which you want to change the color.
  2. Select the color from the available color grid or click ‘More Colors’. 
  3. To restore default settings, click ‘Reset to Default’.

mceclip15.png

Color Saturation Settings

The following figure shows the default color saturation settings for your visualization:

 mceclip16.png

You can customize the color gradient effects with the following settings: 

Minimum and Maximum Color

  • Select the color from the color grid. 

mceclip17.png

Minimum and Maximum Numeric Values

  • Set the numerical values for ‘Minimum Value’ and ‘Maximum Value’ 

Numeric Values are calculated from the column selected for ‘Color Saturation’ (in this example- count(Type)). You can provide custom values representing ‘Minimum’, ‘Center’, ‘Maximum’ Values. 

All sectors larger than ‘Max Value’ are colored in ‘Maximum' color whereas those less than ‘Min Value’ in ‘Minimum' color.

mceclip18.png

Diverging Color Scales

  1. Select the toggle switch for ‘Diverging’.  When Diverging is turned on, an additional color selector for mid-range value, called Center, appears. 
  2. Set the colors for ‘Minimum’, ‘Maximum’ and ‘Center’ separately.

mceclip27.png

To learn more about color saturation settings, refer to the following GIF.

Note.pngNote: Steps for color saturation settings  are the same for Bar and Pie chart.

3_Color_saturation-min.gif

Configuration Options in Full-Screen Mode

Visualization can be seen in full-screen mode by clicking on mceclip13.pngicon.

Note.pngNote: Visualizations Panel is not accessible in full-screen mode.
  1. Click on the  mceclip14.png icon at the top-right corner of the container.
  2. Select ‘Configure View’ from the overflow menu.
    mceclip21.png
  3. A pop-up form with all the relevant configuration options will appear on the screen.
  4. Configure your visualization and click  ‘APPLY’.
    mceclip22.png

Related articles

↑