Skip to main content
Version: 26.2 (stable)

Pie Chart

A pie chart is a good tool to show how different values relate to each other. Each category is a slice of the pie, so you can see how big each category is compared to the others. This way, operators can quickly grasp the content of a dataset.

Properties​

Slices​

The following properties are featured by each slice:

Label

Provides context and information to operators, guiding them and helping them understand the meaning of the value of this particular element.

Value

The current value that should be displayed on the Slice, usually this will be bound to a Data Variable Types.

Color

Choose a unique color for each slice of the Pie Chart. This will help users distinguish between different values.

Container​

Icon

This icon will be displayed next to the element's label on pages that support it, like the Dashboard Page. An Element can make use of the icon to:

  • Provide more context to add meaning
  • Improve recognition and discoverability, especially on larger pages

Label

Provides context and information to operators, guiding them and helping them understand the value of this particular element. A good label instills confidence in operators when making adjustments.

Description

Will be displayed underneath the element. This description provides additional guidance or instructions for operators manipulating the element. It expands on the label by offering supporting details and clarifying what the element represents or how it behaves. It provides an opportunity to offer more detailed context regarding the potential impact of changes or further instructions on the desired input format.

Action

Button that will be displayed in the upper right corner of the element. By pressing it, users can execute an action.

Label

Label that will be used for the action button.

Icon

Icon that will be displayed on the action button.

On click

Action that gets executed when clicking the button. Use it to:

Is disabled

Disable the action by setting this boolean property to true. The action will never execute while it is disabled.

Chart Legend​

Absolute Values

Display the actual values of each SecurityPolicyViolationEvent

Percentage Values

Display values as percentages

Display Total

Display total of all the slices at the bottom of the legend

Display Condition

Condition

The Display Condition controls the visibility of an element or page for the current user. The condition can be set to different types of Dynamic Property – as long as the the type returns true or false you're good to go.

Elements

Trend