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.
- 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.
- 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.