Updated on 2022-02-22 GMT+08:00

Radar Chart

This section describes parameters of a radar chart.

Pattern

  • Size/Position
    • Size: width and height of the component. Unit: pixel.
    • Position: position where the component is located in the canvas. Unit: pixel.
    Figure 1 Size and position of a radar chart
  • Global Style
    • Font: text font.
    • Shape: shape of the image. The options are Circle and Polygon.
  • Value Tag
    • Value Tag: to show or hide value tags by clicking or .
    • Font Size: font size of the label value.
    • Color: font color of the tag value.
    • Font Width: font width of the tag value.
  • Angle Axis
    • Text: to set the font size, color, and font width of the text.
    • Rotation Angle: to set the rotation angle by entering a value or dragging .
  • Pole Axis
    • Axis Label: to set the maximum and minimum values of the pole axis.
    • Color: color of the pole axis.
    • Width: width of the pole axis.
    Figure 2 Polar axes of a radar chart
  • Split Line
    • Color: color of the split line.
    • Lines: to set the number of the split lines by entering a value or clicking .
    • Line Style: style of split lines. The options are Solid line, Dotted line, and Dash-dot line.
    • Line Width: to set the width of the split lines by entering a value or clicking .
    Figure 3 Split lines of a radar chart
  • Legend
    • Legend: to show or hide the legend by clicking or .
    • Text: to set the font size, color, and width of the legend.
    • Layout: to set the legend position, left/right spacing, top/bottom spacing, and inter-legend spacing.
  • Message
    • Message: If you click , a message will pop up when you hover over a previewed or published component.
    • Color: font color of the message.
    • Font Size: font size of the message.
    • Font Width: font width of the message.
  • Animation
    • Click or next to Animation to hide or show animation, respectively.
    • Duration: duration of the first rendering of the component, in ms.
    • Animation Effect: The system provides multiple common animation slow-moving effects.
    • Duration After Change: animation duration when the component data is updated, in ms.
    • Start from Previous Position: If this option is selected, the animation is played from the position of the previous data when the component data is updated. If this option is deselected, the animation is played from the initial position when the component data is updated.

Data

For details about how to configure component data, see Configuring Component Data.

Interaction

For details about whether the component supports the interaction function and how to use the interaction function, see Configuring Component Interaction.