The Radial Chart element allows you to visualize multidimensional data on a circular plane using slices, levels, and percentage values. It is particularly useful for displaying performance indicators, category-based scores, or percentage distributions.

The Radial Chart element is only supported in web applications.

Areas of Use

• Compare employee performance scores,
• Display category-based percentage distributions,
• Visualize KPI metrics,
• Display percentage-based distribution of product features, etc.

Example Use Case: Performance Indicators

A company wants to evaluate the overall performance of its employees through percentage distributions. For example: Efficiency, Quality, Punctuality, Teamwork, Innovation criteria are measured in percentages and visualized on a Radial Chart.

This allows you to see at a glance which areas employees are stronger in and which areas they need to improve.

Connecting the Data Source

1. Go to the Datasources module.
2. Click the + icon next to the Tables heading and name the table PerformanceDataRadial.
3. Create the following table.

SQL Example

SELECT ‘Employee A’ AS Employee, 85 AS Efficiency, 75 AS Quality, 90 AS Punctuality, 80 AS Teamwork, 70 AS InnovationUNION ALLSELECT ‘Employee B’, 70, 85, 80, 75, 65

4. Name the action PerformanceDataRadial in the SQL Actions section.
5. Alternatively, you can also create it with C#.

UI Design Module Operations

1. Click the Add Action button on the application screen.
2. Select the Custom > PerformanceData action.
3. Click the Radial Chart element.
4. Select the PerformanceData action from the Properties → Datasource field.

Using Properties in the Scenario Context

• Options
  
  • Description: Determines the source of the data to be used in the chart.
  • Example: “PerformanceData” data.
• Slice Label Field
  
  • Description: The label to be written on each slice.
  • Example: Efficiency, Quality, Innovation...
• Slice Text Field
  
  • Description: Additional text to be placed inside the slice.
  • Example: “Employee A”
• Percentage Field
  
  • Description: Shows the percentage of each slice within the total.
  • Example: Efficiency → 85%
• Point Field
  
  • Description: Used to process specific threshold values as points.
  • Example: Minimum acceptable threshold of 70%.

Levels

• Level Label Field → Level name (e.g., Threshold 1, Threshold 2)
• Level Text Field → Description text (e.g., “Target 80%”)
• Level Percentage Field → Level-based percentage contribution
• Level Color Field → Dynamic color codes from SQL (#HEX)

Line and Background Properties

• Line Color → Frame line color
• Line Width → Line thickness (1–8 px)
• Radial Line Color → Color of lines extending from the center
• Background Color → Chart background
• Legend Text Color → Color of description text

When the Scenario Step is Completed

• Each performance criterion is displayed as a slice.
• Employee scores are processed as percentage values.
• When the tooltip is opened, category + percentage information is displayed.
• Users can clearly compare the strengths/weaknesses of different employees.

Limitations

• Radial Chart only works in web applications.
• Adding too many categories/slices makes visualization difficult.
• Ideal number of categories: 5–8
• Ideal number of series: 2–3

Tips and Best Practices

• Features will not be active unless Datasource is defined.
• Selecting high color contrasts makes comparison easier.
• Tooltip content can be enriched by adding multiple fields.
• It is recommended to choose a limited number of categories/slices for performance.