Skip to content

Radar Chart

Radar Chart is a type of chart that represents multidimensional data, consisting of coordinate axes, points, lines, and polygons.

Radar charts map data quantities from multiple dimensions to coordinate axes, where each dimension of data corresponds to a coordinate axis. These axes are arranged radially at equal intervals and have the same scale. Connecting the data points on each axis forms a polygon, which ultimately reflects the weight of relevant variables and is particularly suitable for displaying various performance indicator data.

Advantages: Radar charts can intuitively display multidimensional datasets, showing which variables have similar values, whether there are outliers between variables, and are suitable for viewing which variables have higher or lower scores in the dataset. They can well demonstrate performance and advantages, especially suitable for displaying multiple key features of a dataset or comparing multiple key features of a dataset with standard values. They are generally suitable for comparing the values of multiple data points across multiple dimensions.

Disadvantages: Radar charts are not suitable for data with too many categories, as they can cause too much deformation and make the overall graph too confusing. Especially in the case of polygons with color fills, the upper layer will obscure the lower layer polygons, and if there are too many variables, readability will also decrease.

Settings

Data Settings

Setting ItemDescription
Data SourceSelect the data source for the radar chart. Multiple data sources can be added in the Data Source menu to implement multi-chart overlay
Name FieldSelect the field returned by the data source, which is used to display the name of the radar chart labels, usually displayed in combination with the Tooltip Display menu.
Value FieldSelect the field as the source of each indicator data value in the radar chart. Note that it should be consistent with the indicator order in the Radar menu, otherwise it will lead to cross errors in data matching.

Chart Settings

Setting ItemDescription
RadarSelect the radar coordinate axis in the Radar menu, and the radar chart will display indicator data on this coordinate
Color Allocation TypeConfigure the color effect of graphics in the radar chart, options: Allocate colors from the palette by chart, Allocate colors from the palette by data item.
When multiple charts are aggregated, you can choose to allocate by chart; for a single chart, you can choose to allocate by data item. The specific color values can be adjusted in the palette of the Style menu.
Graphic StyleSelect the graphic style of the radar chart.
Options: Hollow Circle, Dot, Rectangle, Rounded Rectangle, Triangle, Diamond, Needle, Arrow, None
Graphic SizeConfigure the size of graphics in the radar chart
Graphic Rotation AngleConfigure the rotation angle of graphics in the radar chart

Label Settings

Setting ItemDescription
Display LabelsTurn on or off the display of indicator value labels on the radar chart
Display Content ExpressionYou can customize the expression syntax to achieve complex content display scenarios. The display priority is lower than [Display Content]
Display ContentYou can edit the label display content, which does not support complex expression syntax except for prompt content. The display priority is higher than [Display Content Expression]
PositionYou can choose the display position of labels on the radar chart
Distance from GraphicsSet the distance of labels from the radar chart graphics
Label RotationSet the rotation angle of labels
Text Offset XSet the distance of labels from the X-axis
Text Offset YSet the distance of labels from the Y-axis
ColorSet the color value of label text
Background ColorSet the background color of label text, which needs to be used together with parameters such as line height, padding, width, and height in the text style to take effect
Text StyleSet the label text to italic or normal mode
Font WeightSet the label font weight, options: Default, Bold, Very Bold, Light
FontSet the label font style, options: sans-serif, serif, monospace, Arial, Courier NEW
Font SizeSet the label font size, which should not be less than 12 and not exceed 100
Horizontal AlignmentSet the horizontal alignment of label text, including four ways: Auto, Left, Center, Right
Vertical AlignmentSet the vertical alignment of label text, including four ways: Auto, Top, Center, Bottom
Line HeightSet the line height of label text, which takes effect when Handle Width Exceed selects the line break option
PaddingSet the distance length of label text within the background frame
WidthSet the maximum display width of label text, generally need to be used with Handle Width Exceed for line break and other configurations
HeightSet the display height of label text, only affects the text background height, does not affect the text itself
Handle Width ExceedThe processing method when the label exceeds the maximum width, including two types: line break and truncation with ellipsis. If set to None, the maximum width will not take effect
Stroke WidthSet the stroke width of the label background, which takes effect after setting the stroke color
Stroke ColorSet the stroke color value of the label background
Stroke RadiusSet the stroke corner radius of the label background
Shadow ColorSet the shadow color of the label background, which takes effect after setting the label background color and shadow size
Shadow SizeSet the shadow size of the label background
Shadow Horizontal OffsetSet the horizontal offset distance of the label background shadow
Shadow Vertical OffsetSet the vertical offset distance of the label background shadow

Line Style

Setting ItemDescription
ColorSet the color effect of the radar chart connection lines
Border ColorSet the border color effect of the radar chart indicator graphics
Stroke TypeConfigure the stroke type of the radar chart indicator graphics.
Options: Solid Line, Dashed Line, Dotted Line
Stroke WidthSet the stroke width of the radar chart indicator graphics
Stroke RadiusSet the stroke corner radius of the radar chart indicator graphics
Shadow ColorSet the shadow color of the radar chart indicator graphics
ShadowSet the shadow size of the radar chart indicator graphics
Shadow Horizontal OffsetSet the horizontal offset distance of the shadow of the radar chart indicator graphics
Shadow Vertical OffsetSet the vertical offset distance of the shadow of the radar chart indicator graphics
OpacitySet the opacity of the radar chart indicator graphics, with a value between 0 and 1

Label Layout

Setting ItemDescription
Hide Overlapping LabelsAfter enabling, labels that overlap together will be hidden
Overlapping Offset DirectionWhen labels overlap together, you can choose the direction of label displacement, which can be horizontal or vertical displacement

Highlight Settings

Setting ItemDescription
Disable HighlightAfter disabling highlight, the labels will no longer be highlighted when the mouse moves to the label position
Behavior on HighlightSet the interactive style of highlight display
Fade RangeSet the selection range of interactive interface fade when highlighting, providing three ways: fade coordinate system, fade chart, or global fade

Events

Setting ItemDescription
Not ClickableAfter enabling, all label data in the chart cannot be clicked; after disabling, you can set the corresponding data click interaction event
Call Automation on ClickYou can implement related data label click interaction events by selecting the corresponding automation, such as opening the corresponding data form details or opening other web links after clicking
Call Automation on Double ClickThe function is the same as click call, but the interaction is triggered by double click instead of single click. Click and double click events can be set simultaneously