You can add one or more radar charts (11.11 Global Shopping Festival) to display the data percentages clearly.

Style

  • Basic Attributes
    • Size: Set the size of the widget by adjusting its width and height.
    • Position: Set the position of the widget by adjusting its abscissa and ordinate.
    • Others: Set the rotation angle and opacity of the widget.
  • General
    • Top Offset: To adjust the spacing between the chart and the top border, enter a value, or click + or .


  • Circle Style
    • Color: To change the color of the outer circle, see Color picker.
    • Thickness: To change the weight of the outer circle, enter a value, or click + or .


  • Area and Gradient
    • Radial Axis Scale: To change the radial axis scale, enter a value, or click + or .
    • Gradient Colors: To change the colors of different areas, see Color picker.
      Note To add or delete a color, click + or click the Trash icon.
    • Stroke Width: To change the stroke width of the radar areas, enter a value, or click + or .
    • Stroke Type: To change the stroke type of the radar areas, click the drop-down arrow and select the target type.
      • Smooth
      • Linear
    • Curve Arc: To change the arc of the radar area stroke, enter a value or drag the slider. The value range is from 0 to 1.


  • Text and Lines
    • Space Between Text and Lines: To adjust the spacing between the displayed text and the lines, enter a value or drag the slider.
    • Font Family: To set the font of the displayed text, click the drop-down arrow and select the target font. The default font is Microsoft YaHei.
    • Font Family: To change the font color of the displayed text, see Color picker.
    • Font Size: To change the font size of the displayed text, enter a value or drag the slider.
    • Font Weight: To set the font weight of the displayed text, click the drop-down arrow and select the target font weight.
    • Line Color: To change the color of the lines, see Color picker.
    • Line Width: To change the width of the lines, enter a value or drag the slider.


  • Spinning Overlay
    • Image: To add an image, enter or paste the image URL.
    • Animation Duration: To change the animation duration, enter a value, or click + or .


Data

  • type: icon text
  • value: type value. A greater value indicates a larger radial area within the chart.


Interaction

This widget is not connected to any events yet.