Radar chart
Use a radar chart to compare a compact set of category values around a shared scale.
Every preview on this page is generated from the YAML shown below it using a fixed documentation dataset.
Radar presentation supports area and an optional shared maximum across its indicators. Gauge-only fields such as minimum, target, showPointer, progressWidth, and thresholds do not apply.
Basic
Use one categorical dimension to create the radar indicators and one metric to set each spoke length. Add a second dimension to compare governed series; the first dimension remains the category and presentation.legend controls the series legend.
visuals:
status_radar:
title: Order status radar
description: Compares order status counts on a radar chart.
type: radar
presentation:
type: polar
area: true
query:
type: aggregate
dimensions:
- status
metrics:
- order_count
sort:
- field: order_count
direction: desc
limit: 8
Alternate categories
Replace status with delivery buckets to compare a different categorical profile while preserving the same category-value shape.
visuals:
delivery_radar:
title: Delivery speed radar
type: radar
query:
type: aggregate
dimensions:
- delivery_bucket
metrics:
- order_count
sort:
- field: delivery_bucket
direction: asc
presentation:
type: polar
Filled area
Enable presentation.area to emphasize the overall revenue profile across states rather than only the outline between individual values.
visuals:
state_radar:
title: State revenue radar
type: radar
presentation:
type: polar
area: false
query:
type: aggregate
dimensions:
- state
metrics:
- revenue
sort:
- field: revenue
direction: desc
limit: 8
API reference
Kind: chart. Renderer: echarts. Supported result shapes: category_value.
| Field | Type | Default | Allowed values | Description |
|---|---|---|---|---|
query.dimensions | field mapping | — | — | Groups query results and supplies category or hierarchy labels. |
query.limit | integer | no limit | positive integer | Caps the number of rows returned to the renderer. |
query.metrics | metric mapping | — | — | Selects governed semantic metrics consumed by the visual shape. |
query.sort | sort list | — | — | Orders query results by a returned field or metric alias. |
presentation.area | boolean | false | true false | Fills the governed radar area. |
Accessibility. Use a descriptive title and unit, and do not rely on color alone to distinguish series or values.