Percentage

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 percentage chart
  
• Attribute
  • Inner Radius: to set the inner radius of the percentage chart by entering a value or dragging .
  • Outer Radius: to set the outer radius of the percentage chart by entering a value or dragging .
  • Color: color of the remaining fan.
• Title
  • Title: to show or hide the title by clicking or .
  • Title Name: name of the title.
  • Font Size: font size of the title.
  • Color: font color of the title.
  • Font Width: font width of the title.
  • Font: font of the title.
• Fan Color

  Color: color of the fan displayed in percentage.

• Value Tag
  • Value Tag: to show or hide the value tag by clicking or .
  • Value Size: font size of the percentage.
  • Value Color: font color of the percentage.
  • Percent Size: size of the percent.
  • Percent Color: font color of the percent.
  • Left/Right Spacing: to set the spacing between the number and percent by entering a value or dragging .
  • Font Width: font width of the number.
  • Font: font of the number.
  • Decimal Places: the number of decimal places in a percentage.

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.