Published at: 2025-10-30

Radar Chart

Radar Chart

1.1 Use Cases

Radar charts use a circular layout to display multi-dimensional data, allowing users to quickly compare relationships and trends across multiple variables. For example, a dimension-based radar chart (Figure 1) can compare order amounts and Payment Collection trends across industries, while a metric-based radar chart (Figure 2) can visually highlight which industries perform better in order amount and Payment Collection trends.

image Figure 1. Dimension-based Radar Chart

image Figure 2. Metric-based Radar Chart

1.2 Chart Configuration

1.2.1 Axis Data

  • Dimension: 1 dimension
  • Metrics: 1–12 metrics

image Figure 3. Dimension and Metrics

1.2.2 Style (Web)

1.2.2.1 Basic Info
  • Chart name: Defaults to the analysis Subject on creation; you can change it in chart settings.

image Figure 4. Chart Name

image Figure 5. Edit Chart Name

  • Notes:
    • Note text: Add notes for the chart to help viewers understand what the chart conveys.
    • Note display:
      • Collapsed: Shows an icon after the chart title in detail and card views; hover reveals the note.
      • Exposed: Shows the note text directly after the chart title in detail and card views.
      • Hidden: Neither detail nor card views display the note.

image Figure 6. Add Note

image Figure 7. Collapsed Note Hover

image Figure 8. Exposed Note

  • Metric label: Displays metric name by default; you can customize the displayed text.

image Figure 9. Edit Metric Label

  • Dimension label: Displays dimension name by default; you can customize the displayed text.

image Figure 10. Edit Dimension Label

1.2.2.2 Chart Presentation
  • Presentation mode: Defaults to dimension-based radar chart; you can switch to metric-based radar chart.
    • Dimension-based radar chart: Each spoke represents a dimension value; polygons in different colors represent metrics; intersection points show metric values for each dimension.
    • Metric-based radar chart: Each spoke represents a metric; polygons in different colors represent dimensions; intersection points show dimension values for each metric.
  • Visual style: Default is line with fill; you can switch to line-only.
    • Line with fill: Polygons render with a shaded fill matching the legend color.
    • Line-only: Only polygon borders display, matching the legend color.

image Figure 11. Presentation Mode

picture coming soon: Figure 12. Visual Style

1.2.2.3 Display Settings
  • Legend: Default position is top. Options: top, bottom, left, right, none (no legend).

image Figure 13. Legend Settings

  • Data labels:
    • Label display:
      • Smart: The chart automatically shows value labels based on available space; when values across metrics are similar, some labels may hide to avoid clutter.
      • Force: Shows all value labels; when values are similar, labels may overlap.
      • None: Hides value labels.
    • Position:
      • Outside: Display values outside the chart points.
      • Inside: Display values inside the chart points.

image Figure 14. Data Label Settings

  • Show totals
    • Visibility: Default is shown; you can turn it off. When shown, totals may display in edit, detail, and card views (depending on configuration). When hidden, totals do not display in any view.
    • Exposed totals: When there are two or more metrics, you can choose which totals to expose (none selected by default). If Visibility is set to hidden, this option becomes read-only.
    • Totals in card view: Checked by default; uncheck to hide totals in card view. If Visibility is hidden, this option is read-only.

image Figure 15. Configure Show Totals

image Figure 16. Configure Metric Totals Exposure

  • Data table: You can choose whether to display the data table and its position. Default is hidden. Positions: top, bottom, left, right.
    • Hide data table in card view: This setting is enabled by default.

image Figure 17. Data Table Display Settings

image Figure 18. Data Table Shown on Right

  • Multi-chart display: Default is multi-chart; you can switch to single-chart.
    • Multi-chart:
      • Metric-based multi-chart: Expands radar charts by dimension value. Each chart shows one dimension’s metrics.
      • Dimension-based multi-chart: Expands radar charts by metric. Each chart shows one metric’s dimensions.
    • Single-chart: Displays all data in a single radar chart.

image Figure 19. Multi-chart Display

1.2.2.4 Colors and Typography
  • Color palettes: The system supports two palette types: New and Classic. Default uses the first New palette. You can also enable accessibility patterns.
    • New palette: Allows further customization on top of a selected palette.
    • Classic palette: Does not support custom colors.
  • Font size: Users can choose font sizes from predefined options.

image Figure 20. Color Palette

image Figure 21. Font Size

  • Axes
    • Circumferential axis (spoke labels): Users can set label display mode: smart, force, custom.
      • Smart: Shows label text length based on available space; truncates with “…” if too long.
      • Force: Shows full label text; long labels may overlap.
      • Custom: Default shows 3 characters; supports up to 12 characters.
    • Radial axis:
      • Axis range: Users can set custom minimum and maximum for the radial axis. Default uses metric min/max.
      • Gridlines: Option to show or hide gridlines.

image Figure 21. Circumferential Axis Settings

image Figure 22. Radial Axis Settings

1.2.3 Functional Settings

1.2.3.1 Advanced Settings
  • Show dimensions with zero metrics: Unchecked by default. Check to display dimensions whose metrics are zero.

image Figure 23. Show Dimensions with Zero Metrics

  • SN: Unchecked by default. Check to display serial numbers.

image Figure 24. Add SN

  • Sorting: Unchecked by default. When enabled, you can sort dimensions either by their own values with Top N, or by a specific metric with Top N. Top N offers presets or allows manual entry.
  • When the dimension is an enumeration or a Dept. field, custom sorting is supported.

image Figure 25. Sorting Configuration

image Figure 26. Sorting Result

1.2.4 Style (Mobile)

1.2.4.1 Use Web Layout
  • Mobile follows the Web layout and does not allow independent settings.

image Figure 27. Use Web Configuration

1.2.4.2 Independent Mobile Layout
  • Default mobile settings inherit selections from the Web configuration but can be further adjusted for better mobile presentation.
    • Mobile has fewer configurable options than Web. Settings that are not available on mobile will follow the Web configuration. Configurable options behave and render consistently with the Web.

image Figure 28. Mobile Independent Layout

Submit Feedback
Previous
Butterfly Chart
Next
Bubble Chart