You can add one or more icon 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.
  • Icon
    • Male Icon: To change the male icon, paste the target icon URL or upload an icon from your local server.
    • Female Icon: To change the female icon, paste the target icon URL or upload an icon from your local server.
    • Male Label: You can customize the label text of the male icon as needed.
    • Female Label: You can customize the label text of the female icon as needed.
    • Layout: To set the layout of the male and female labels, click the drop-down arrow and select the target layout.
      • Vertical: If you select this option, the male and female labels are hidden.
      • Horizontal: If you select this option, the label text is displayed horizontally.


  • Style
    • Icon Width: To change the width of the male and female icons, enter a value or drag the slider. The value range is from 0 to 1000.
    • Icon Height: To change the height of the male and female icons, enter a value or drag the slider. The value range is from 0 to 1000.
    • Font Size: To change the font size of the icon text, enter a value or drag the slider. The value range is from 0 to 100.
    • Font Family: To set the font of the icon text, click the drop-down arrow and select the target font. The default font is Microsoft YaHei.
    • Color: To change the font color of the icon text, see Color picker.
    • Icon Offset: To adjust the spacing between the icons, enter a value or drag the slider. The value range is from 0 to 1000.
  • Space Between Icon and Text: To adjust the spacing between the icons and the icon text, enter a value or drag the slider. The value range is from 0 to 1000.
  • Text Spacing: To adjust the spacing between the icon text, enter a value or drag the slider. The value range is from 0 to 1000.
  • Decimal Places: To change the number of digits to the right of the decimal point, enter a value, or click + or .

Data

  • name: label text of an icon
  • value: decimal number, which corresponds to a percentage value in the chart


Interaction

This widget is not connected to any events yet.