Unions

The following unions are available in the Pie Chart component:

NameValueDescription
FadeOutMode
'Click' | 'Move'

Defines how tooltips fade out in the chart.

  • Click - Removes the tooltip when the user clicks.
  • Move - Removes the tooltip after a short delay when the pointer moves.
LegendPosition
'Auto' | 'Top' | 'Left' | 'Bottom' | 'Right' | 'Custom'

Specifies the position of the chart legend.

  • Auto - Automatically places the legend based on the chart area type.
  • Top - Displays the legend at the top of the chart.
  • Left - Displays the legend on the left side of the chart.
  • Bottom - Displays the legend at the bottom of the chart.
  • Right - Displays the legend on the right side of the chart.
  • Custom - Positions the legend based on specified x and y coordinates.
TextOverflow
'None' | 'Wrap' | 'Trim'

Defines how chart text should behave when it exceeds the boundaries of its container.

  • None - Displays the full text even if it overlaps with other chart elements.
  • Wrap - Breaks the text into multiple lines to fit within the container.
  • Trim - Cuts off the text and may append ellipsis if it exceeds the container width.
Theme
'Material' | 'MaterialDark'

Defines the built-in themes available for rendering the chart.

  • Material - Renders the chart using the Material theme.
  • MaterialDark - Renders the chart using the Material dark theme.
TitlePosition
'Top' | 'Right' | 'Bottom' | 'Left' | 'Custom'

Specifies the position of the chart title.

  • Top - Places the title at the top of the chart.
  • Right - Places the title on the right side of the chart.
  • Bottom - Places the title at the bottom of the chart.
  • Left - Places the title on the left side of the chart.
  • Custom - Places the title at a custom position based on specified x and y coordinates.
ConnectorType
'Line' | 'Curve'

Defines the style of connector lines used for data labels in a pie chart.

  • Line - Renders the connector as a straight line from the slice to the label.
  • Curve - Renders the connector as a smooth curved line for a more elegant appearance.
GroupModes
'Point' | 'Value'

Specifies the available modes for grouping points in a pie chart.

  • Point - Groups the selected points together into a single slice.
  • Value - Groups all points whose values are less than the specified threshold into a single slice.
LegendAlignment
'Left' | 'Top' | 'Center' | 'Bottom' | 'Right'

Specifies the alignment of the legend within its container.

  • Left - Aligns to start for horizontal positions (Top/Bottom/Auto).
  • Top - Aligns to top for vertical positions (Left/Right).
  • Center - Aligns to the center of the container.
  • Bottom - Aligns to bottom for vertical positions (Left/Right).
  • Right - Aligns to end for horizontal positions (Top/Bottom/Auto).
PieEmptyPointMode
'Zero' | 'Drop' | 'Average'

Specifies how empty data points should be rendered in a pie chart.

  • Zero - Treats empty points as having a value of zero and renders them as a slice with zero size.
  • Drop - Completely ignores empty points and excludes them from the chart rendering.
  • Average - Calculates the value of empty points as the average of the previous and next data points.
PieLabelPosition
'Inside' | 'Outside'

Defines the available positions for data labels in a pie chart series.

  • Inside - Places the data label inside the corresponding pie slice.
  • Outside - Places the data label outside the pie slice, typically connected with a line.
PieLegendShape
'Circle' | 'Rectangle' | 'Triangle' | 'Diamond' | 'Cross' | 'HorizontalLine' | 'VerticalLine' | 'Pentagon' | 'InvertedTriangle' | 'SeriesType' | 'Plus' | 'Star' | 'Image'

Defines the shapes available for legend items in the chart.

  • Circle - Renders a circular legend shape.
  • Rectangle - Renders a rectangular legend shape.
  • Triangle - Renders a triangular legend shape.
  • Diamond - Renders a diamond-shaped legend.
  • Cross - Renders a cross-shaped legend.
  • HorizontalLine - Renders a horizontal line as the legend shape.
  • VerticalLine - Renders a vertical line as the legend shape.
  • Pentagon - Renders a pentagon-shaped legend.
  • InvertedTriangle - Renders an inverted triangle shape.
  • SeriesType - Uses the shape based on the series type.
  • Plus - Renders a plus (+) symbol as the legend shape.
  • Star - Renders a star-shaped legend.
  • Image - Renders a custom image as the legend shape.