The comparison pie chart I widget allows you to customize the pie chart style, the comparison of multiple indicators, and other options as needed.

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.
  • 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.
  • Container
    • Padding: To set the distance between the pie chart and the pie chart borders, enter a value, or click + or . If the value is too large, the pie chart will move outside the border.

  • Label
    • Color: To change the color of the top and bottom label text, see Color picker.
    • Font Size: To set the font size of the top and bottom label text, enter a value or drag the slider. The value range is from 12 to 100.
    • Font Weight: To set the font weight of the top and bottom label text, click the drop-down arrow and select the target font weight.


  • Chart
    • Color: To change the font color of the percentage values, see Color picker.
    • Decoration Color: To change the color of the circle border and center point, see Color picker.
    • Background Color: To change the background color of the pie chart, see Color picker.
    • Font Size: To change the font size of the percentage values, enter a value or drag the slider. The value range is from 12 to 100.
    • Font Weight: To set the font weight of the percentage values, click the drop-down arrow and select the target font weight.


  • Margin
    • Top: To set the distance between the pie chart and the top label, enter a value, or click + or .
    • Bottom: To set the distance between the pie chart and the bottom label, enter a value, or click + or .
  • Angle Offset: To change the rotation angle of the content in the pie chart, enter a value or drag the slider. The value range is from 0 to 360.

  • Series
    Series
    • Color: To change the color of a segment, see Color picker.

  • Animation: To display the animation option, click the Eye icon.
    • Original Duration: To change the duration to which the widget renders the animation for the first time, enter a value, or click + or . The unit is milliseconds.
    • Easing: To set animation easing, click the drop-down arrow and select the target effect.
    • Duration for Data Update: To change the animation duration when data changes, enter a value, or click + or . The unit is milliseconds.


Data

  • x: name of a label
  • y: value of a label


Interaction

This widget is not connected to any events yet.