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 Item | Description |
|---|---|
| Data Source | Select the data source for the radar chart. Multiple data sources can be added in the Data Source menu to implement multi-chart overlay |
| Name Field | Select 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 Field | Select 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 Item | Description |
|---|---|
| Radar | Select the radar coordinate axis in the Radar menu, and the radar chart will display indicator data on this coordinate |
| Color Allocation Type | Configure 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 Style | Select the graphic style of the radar chart. Options: Hollow Circle, Dot, Rectangle, Rounded Rectangle, Triangle, Diamond, Needle, Arrow, None |
| Graphic Size | Configure the size of graphics in the radar chart |
| Graphic Rotation Angle | Configure the rotation angle of graphics in the radar chart |
Label Settings
| Setting Item | Description |
|---|---|
| Display Labels | Turn on or off the display of indicator value labels on the radar chart |
| Display Content Expression | You can customize the expression syntax to achieve complex content display scenarios. The display priority is lower than [Display Content] |
| Display Content | You 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] |
| Position | You can choose the display position of labels on the radar chart |
| Distance from Graphics | Set the distance of labels from the radar chart graphics |
| Label Rotation | Set the rotation angle of labels |
| Text Offset X | Set the distance of labels from the X-axis |
| Text Offset Y | Set the distance of labels from the Y-axis |
| Color | Set the color value of label text |
| Background Color | Set 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 Style | Set the label text to italic or normal mode |
| Font Weight | Set the label font weight, options: Default, Bold, Very Bold, Light |
| Font | Set the label font style, options: sans-serif, serif, monospace, Arial, Courier NEW |
| Font Size | Set the label font size, which should not be less than 12 and not exceed 100 |
| Horizontal Alignment | Set the horizontal alignment of label text, including four ways: Auto, Left, Center, Right |
| Vertical Alignment | Set the vertical alignment of label text, including four ways: Auto, Top, Center, Bottom |
| Line Height | Set the line height of label text, which takes effect when Handle Width Exceed selects the line break option |
| Padding | Set the distance length of label text within the background frame |
| Width | Set the maximum display width of label text, generally need to be used with Handle Width Exceed for line break and other configurations |
| Height | Set the display height of label text, only affects the text background height, does not affect the text itself |
| Handle Width Exceed | The 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 Width | Set the stroke width of the label background, which takes effect after setting the stroke color |
| Stroke Color | Set the stroke color value of the label background |
| Stroke Radius | Set the stroke corner radius of the label background |
| Shadow Color | Set the shadow color of the label background, which takes effect after setting the label background color and shadow size |
| Shadow Size | Set the shadow size of the label background |
| Shadow Horizontal Offset | Set the horizontal offset distance of the label background shadow |
| Shadow Vertical Offset | Set the vertical offset distance of the label background shadow |
Line Style
| Setting Item | Description |
|---|---|
| Color | Set the color effect of the radar chart connection lines |
| Border Color | Set the border color effect of the radar chart indicator graphics |
| Stroke Type | Configure the stroke type of the radar chart indicator graphics. Options: Solid Line, Dashed Line, Dotted Line |
| Stroke Width | Set the stroke width of the radar chart indicator graphics |
| Stroke Radius | Set the stroke corner radius of the radar chart indicator graphics |
| Shadow Color | Set the shadow color of the radar chart indicator graphics |
| Shadow | Set the shadow size of the radar chart indicator graphics |
| Shadow Horizontal Offset | Set the horizontal offset distance of the shadow of the radar chart indicator graphics |
| Shadow Vertical Offset | Set the vertical offset distance of the shadow of the radar chart indicator graphics |
| Opacity | Set the opacity of the radar chart indicator graphics, with a value between 0 and 1 |
Label Layout
| Setting Item | Description |
|---|---|
| Hide Overlapping Labels | After enabling, labels that overlap together will be hidden |
| Overlapping Offset Direction | When labels overlap together, you can choose the direction of label displacement, which can be horizontal or vertical displacement |
Highlight Settings
| Setting Item | Description |
|---|---|
| Disable Highlight | After disabling highlight, the labels will no longer be highlighted when the mouse moves to the label position |
| Behavior on Highlight | Set the interactive style of highlight display |
| Fade Range | Set the selection range of interactive interface fade when highlighting, providing three ways: fade coordinate system, fade chart, or global fade |
Events
| Setting Item | Description |
|---|---|
| Not Clickable | After enabling, all label data in the chart cannot be clicked; after disabling, you can set the corresponding data click interaction event |
| Call Automation on Click | You 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 Click | The 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 |

