You need to enable JavaScript to run this app.
Intelligent Data Insight

Intelligent Data Insight

Copy page
Download PDF
Chart Introduction
Radar Chart
Copy page
Download PDF
Radar Chart

1. Overview

The radar chart, also known as the spider chart, enables the analysis and comparison of multiple metrics within the same coordinate system. This is highly effective for identifying which dimensions have similar values and for detecting outliers among dimensions. Similarly, radar charts are also commonly used for displaying data such as rankings, evaluations, reviews, and more.

2. Quick Start

2.1 Common usage scenarios

  • Radar charts can be used to identify which dimensions have higher or lower scores, allowing for quick identification of strengths and weaknesses.
  • Radar charts also facilitate comprehensive multidimensional analysis to effectively assess business performance.

Image

2.2 Example usage process

Step 1: Set dimensions, metrics, and filter criteria
Select [product_type] as the dimension and [price] as the metric.
Image
Step 2: Select the radar chart
Select the radar chart on the left
Image
Step 3: Configure the style
You can configure the display style of the radar chart
Image

3. Feature Introduction

3.1 Radar chart icon

Image

3.2 Configuration rules

Select one or more dimensions, and one or more metrics.

3.3 Axis label configuration

Set the dimension as the axis label
Image
Set the metric as the axis label
Image

3.4 Edit colors

You can assign different colors to different metrics, and multiple built-in color schemes are available
Image
It also supports Custom Color Schemes.

3.5 Line style

Line style: You can set the line thickness, as well as solid, dashed, or dotted lines.
Marker: You can choose no marker, hollow circle, solid circle, square, diamond, and select the marker size.
Example: Line thickness = 3, dashed line; marker is hollow circle, size = 3
Image

3.6 Special values

You can customize special values for dimensions, metrics, or lines.

  • Dimensions and metrics can be set to display special values as blank, NULL, 0, or --

Image

  • Lines can be set to display special values as 0 at null values, or to connect the line at null values

Image

3.7 Axis

Value axis range: Automatic or specified range
Axis label: Enable or disable axis labels
Image
Axis and grid lines: You can adjust the display style of axes and grid lines.
Image

3.8 Legends and labels

Legend:

  • You can click the toggle button on the right to choose whether to display legend information.
  • You can set the legend's display position in the chart: top, bottom, left, or right.
  • You can set the legend's alignment: align to top/left, center, or bottom/right.
  • You can set the maximum number of rows/columns for the legend, as well as the font and color.
  • You can set the legend's display mode. When there are too many legend items, you can choose between a pager or a scrollbar for display.

Image
Label:

  • You can click the toggle button on the right to choose whether to display label information.
  • Labels are displayed on the top layer of the chart. After enabling labels, the metric values will be shown on the chart.
  • You can customize the label style, including display position, display mode, label font and color, and displayed content.

Caution: Only one of "Sparse display" or "Allow overlap" can be selected for the display mode. If one is selected, the other will be grayed out, with a prompt stating "Allow overlap and sparse display cannot be selected at the same time." When labels are crowded by default, it is recommended to select "Sparse display."
Image

3.9 In-chart control styles

See 3.11 In-chart control styles.

3.10 Restore default settings

Click [Restore Default Settings] to reset all of the above chart configurations to their default values.

Last updated: 2026.07.06 16:03:04