Radar Chart

Radar Chart

1.1 Use Cases

Radar charts are renowned for their unique circular layout and multi-dimensional data visualization, enabling users to compare relationships and trends across multiple variables at a glance. For example, a dimension radar chart (Figure 1) can compare order amounts and Payment Collection trends across different industries, while a metric radar chart (Figure 2) visually highlights industries with superior performance in order amounts and Payment Collection trends.

picture coming soon:
Figure 1. Dimension Radar Chart

picture coming soon:
Figure 2. Metric Radar Chart

1.2 Chart Configuration

1.2.1 Axis Data

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

picture coming soon:
Figure 3. Dimensions and Metrics

1.2.2 Styling (Web)

1.2.2.1 Basic Information

• Chart Name: Defaults to the analysis Subject name during creation. Customizable.

picture coming soon:
Figure 4. Chart Name

picture coming soon:
Figure 5. Editing Chart Name

• Notes:
  • Content: Add contextual notes to clarify the chart’s purpose.
  • Display Options:
    • Collapsed: Shows as an icon next to the title; hover to reveal.
    • Expanded: Displays note text directly.
    • Hidden: No notes shown.

picture coming soon:
Figure 6. Adding Notes

picture coming soon:
Figure 7. Collapsed Note (Hover Effect)

picture coming soon:
Figure 8. Expanded Note

• Metric Names: Defaults to metric names; editable.
• Dimension Names: Defaults to dimension names; editable.

picture coming soon:
Figure 9. Editing Metric Names

picture coming soon:
Figure 10. Editing Dimension Names

1.2.2.2 Visual Display

• Chart Type:
  • Dimension Radar: Each radius represents a dimension value; polygons (colors) represent metrics.
  • Metric Radar: Each radius represents a metric; polygons represent dimensions.
• Appearance:
  • Line + Fill: Polygons with shaded fill (default).
  • Line Only: Outlines without fill.

picture coming soon:
Figure 11. Chart Type Selection

picture coming soon:
Figure 12. Appearance Options

1.2.2.3 Display Settings

• Legend: Position at top (default), bottom, left, right, or hidden.

picture coming soon:
Figure 13. Legend Settings

• Data Labels:
  • Display: Smart (auto-hide overlapping labels), forced (show all), or hidden.
  • Position: Inside or outside data points.

picture coming soon:
Figure 14. Data Label Settings

• Show Totals:
  • Toggle display in edit/detail/card views.
  • Expose specific metrics (if enabled).

picture coming soon:
Figure 15. Total Display Configuration

picture coming soon:
Figure 16. Metric Total Exposure

• Data Table: Show/hide and position (top/bottom/left/right).

picture coming soon:
Figure 17. Data Table Settings

picture coming soon:
Figure 18. Data Table (Right Position)

• Multi-Chart Display:
  • Multi-Chart: Separate charts per dimension/metric.
  • Single Chart: All data in one chart (default).

picture coming soon:
Figure 19. Multi-Chart View

1.2.2.4 Colors & Fonts

• Color Schemes: Modern (customizable) or classic (fixed).
• Font Size: Adjustable presets.

picture coming soon:
Figure 20. Color Options

picture coming soon:
Figure 21. Font Size Settings

• Axes:
  • Circular Axis: Label display (smart/forced/custom truncation).
  • Radial Axis: Adjust min/max range; toggle gridlines.

picture coming soon:
Figure 22. Circular Axis Settings

picture coming soon:
Figure 23. Radial Axis Settings

1.2.3 Functional Configurations

1.2.3.1 Advanced Settings

• Show Zero-Value Dimensions: Off by default.

picture coming soon:
Figure 24. Zero-Value Dimensions

• SN: Toggle row numbering.

picture coming soon:
Figure 25. Adding SN

• Sorting: By dimension or metric; supports TopN and custom orders for enum/Dept. fields.

picture coming soon:
Figure 26. Sorting Configuration

picture coming soon:
Figure 27. Sorting Result

1.2.4 Mobile Styling

1.2.4.1 Inherit Web Layout

• Mirrors Web settings (non-editable).

picture coming soon:
Figure 28. Inherited Web Configuration

1.2.4.2 Custom Mobile Layout

• Adjusts Web settings for mobile-optimized display.

picture coming soon:
Figure 29. Mobile-Specific Layout