Skip to content

Pie

The Pie Chart represents data as slices of a circle, where each slice’s size is proportional to its value relative to the total.
This chart is ideal for showcasing proportional relationships within a dataset.

It can be configured as a standard pie or Rose (Nightingale) chart, where slice radii or areas can vary based on value magnitude.

Use cases:

  • Displaying percentage share or contribution of categories.
  • Highlighting dominant or minor segments in a distribution.
  • Using rose-type mode to compare category magnitude via radius or area.

βš™οΈ Setup

  1. Drag the Pie Chart widget from the chart library onto your designer workspace.
  2. Select the chart.
  3. Go to the Widget Configuration tab in the Configuration panel.
  4. Under the Configuration panel tab, select the Basic Configuration option to access essential settings for the Pie Chart.
  5. Select the Source from which the chart will fetch its data.
  6. Map:
    • Measure β€” Numeric value representing the size of each slice.
    • Dimension β€” Categorical value determining each slice.
  7. Optionally add a Date field for time-based filtering.

πŸ“Š Basic Configuration

Configuration ItemDescription
SourceThe data source to query for chart values.
MeasureNumeric value plotted as each slice’s size.
DimensionCategorical value determining each slice.
Date Field (optional)Enables date-based filtering and drilldown capability.

🎨 Chart Customizations

CategoryOptions & Description
GeneralTheme, background, border, and interactivity options.
TitleChart title, font, alignment, and visibility settings.
SortingControl sorting of pie slices based on value or category.
PositionAdjust horizontal and vertical positioning of the pie within the chart.
LegendShow/hide, position, and format for the pie slice labels.
SeriesConfigure slice labels, rotation, colors, gradient fills, and positioning.
TooltipTooltip content, format, and triggers for slices.
OthersControl slice overlap hiding, clockwise direction, radius, inner radius (donut), border rounding, start angle, and Rose chart mode (by radius/area).

πŸ“Š Example Visualization

pie chart