Edilitics | Data to Decisions

Pie Chart

Show how a single measure breaks down into a small number of categories as slices of a whole - best with 2 to 6 categories and a share-of-total question.

A pie chart shows how a single measure breaks down across a small number of categories, with each category drawn as a slice of a circle sized by its share of the total. Drop one categorical field into Column and one numeric field into Row. Use it when there are 2 to 6 categories and the question is about proportion - what share of the whole each category represents, not the exact value or a precise comparison between similarly sized slices.

When to Use

A pie chart works well for one specific job: showing one or two categories that clearly dominate a small set. Market share where one competitor leads, budget allocation where one line item is the majority, or a yes/no split. It does not work well as a general-purpose comparison tool - that is a bar chart's job.

The eye cannot reliably compare two similar-sized slices. Humans are much better at judging the length of a bar than the angle or area of a slice. If two categories are close in size, viewers will likely misjudge which is larger without reading the label. If your data has several categories of similar magnitude, a Horizontal Bar chart will communicate the comparison far more reliably.

Switch to a different chart when:

ScenarioDimensionMeasure
Market share by competitorCompetitor nameSum of market share %
Budget allocation by departmentDepartment nameSum of budget
Survey responses by answer choiceAnswer choiceCount of responses
Revenue split by customer segmentSegment nameSum of revenue
Device type breakdown of site visitsDevice typeCount of sessions

Required Inputs

FieldTypeCount
DimensionCategoricalExactly 1
MeasureNumericExactly 1

For step-by-step build instructions, see Build Your First Chart.

Formatting Options

The Format tab unlocks after at least one field is assigned. Once your chart is rendering, use these controls to define how it looks and how viewers interact with it.

Style

Use the chart title to state what the whole represents - viewers need to know what 100% means before they read the slices.

ControlWhat it does
Show Chart TitleShows or hides the title. The text is preserved when hidden so you can toggle it back without re-entering.
Enter Chart TitleTitle text. Maximum 50 characters.
Font familyFont applied to the title.
Font size5 to 30.
Bold / ItalicWeight and style.
AlignmentLeft, center, or right within the chart container.

Pie Styles controls the color palette across slices, the rotation of the first slice, and the border between slices.

ControlWhat it does
Start ColorThe color applied to the first slice.
End ColorThe color applied to the last slice. Slices in between are interpolated between Start and End. Each slice also has its own radial gradient, lighter near the center and full color near the outer edge.
Border WidthThickness of the border drawn between slices, 0 to 10px. At 0, slices touch with no visible separator.
Border ColorColor of the border between slices. Only available when Border Width is greater than 0.
Border TypeSolid, Dashed, or Dotted. Only available when Border Width is greater than 0.

Pie Radius controls how large the circle is relative to the chart container. The basic Pie Chart has no inner radius control - it always renders as a solid disc.

ControlWhat it does
Outer RadiusSize of the pie as a percentage of the available space, 20 to 80%. Default is 60%. Increase to fill more of the chart container; decrease to leave more room for labels or a legend around the edges.

Pie Data Label controls what text appears on or near each slice and how it is formatted. By default, labels show only the category name - turn on Show Value and Show Percentage to add more detail.

ControlWhat it does
Show Data LabelsShows or hides labels on slices entirely.
Inside / OutsideInside places the label within the slice - readable only on larger slices. Outside places the label beyond the slice edge with a connecting line, which works better for thin slices.
Auto Format LabelsWhen on, labels are automatically thinned if the category count exceeds Max Labels, preventing overlapping text on charts with many categories.
Max LabelsMaximum number of labels shown when Auto Format Labels is on, 1 to 100. Default is 24. Beyond this count, labels are skipped at a regular interval.
Show PercentageAdds each slice's percentage share of the total to its label.
Show ValueAdds each slice's raw value to its label. Turn on both Show Value and Show Percentage to display category, value, and percentage together - this gets crowded on charts with more than 6 slices.
Number TypeDefault, Scientific, Decimal, Currency, Percentage, or Custom. Applies when Show Value is on.
Display UnitNone, Thousand, Million, or Billion.
Decimal Places0 to 6. Available when Number Type is not Default.
Font Family / Color / Font Size / Bold / ItalicText styling for the label.
Text caseUppercase, Lowercase, or Capitalize. Applies to the category name portion of the label and the legend.

The legend lists every category and is the primary way viewers identify which color belongs to which slice, especially for thin slices where the label does not fit.

ControlWhat it does
Show LegendsShows or hides the legend. On by default, positioned to the right of the pie.
Vertical positionTop, middle, or bottom alignment of the legend block.
Horizontal positionStart, center, or end alignment.
Show NameDefault: labels always visible. On Hover: labels appear only when viewer hovers the legend.
OrientationVertical or Horizontal legend layout. Vertical is the default and works best alongside a circular chart.
Item GapSpacing between legend items.
Font SizeLegend label font size.
ColorLegend label text color.

Interactivity

The tooltip shows the category name, its value, and optionally its percentage when hovering any slice.

ControlWhat it does
Show TooltipShows or hides the tooltip on hover.
Background ColorTooltip background color.
Headers / Values tabsSeparate styling for the category name row (Headers) and the value row (Values). The Values tab includes Number Type, Display Unit, and Decimal Places. The percentage row, when Show Percentage is on, follows the same header styling.

Keep animation on when the chart is first presented - the slices sweeping into place draws attention to the relative sizes as they form. Turn it off on dashboards that auto-refresh.

ControlWhat it does
Enable AnimationTurns the build animation on or off.
DurationHow long the animation runs, 0 to 3000ms. Default is 1000ms.
DelayTime before the animation starts after the chart loads, 0 to 2000ms.
Easing FunctionThe motion curve. Cubic Out (the default) gives a natural deceleration.

Emphasis highlights the hovered slice, making it easier to track which slice corresponds to which part of the legend or tooltip.

ControlWhat it does
Show EmphasisEnables or disables the hover effect.
Focus TypeItem: highlights the hovered slice and dims the rest. None: no visual change on hover.
Enable ScaleScales the hovered slice slightly larger, making it visually pop from the rest of the pie.
Scale SizeHow much the slice scales. Keep at 1.1 or below - large values can push the slice outside the chart boundary on a tightly cropped container.

Enable the Toolbox when viewers need to export the chart or inspect the exact values behind each slice.

ControlWhat it does
Show ToolboxShows or hides the toolbox icon bar.
Save as ImageAdds a download icon that saves the chart as a PNG.
Data ViewAdds an icon that opens the underlying data table in the chart area.

Best Practices

Keep slice count at 6 or fewer. Beyond 6 categories, slices become thin, hard to label, and hard to compare. A pie chart with 10+ slices communicates less than a sorted bar chart would. Group minor categories into an "Other" slice in Transform if you have more than 6.

Sort slices by size before publishing. Although the chart does not sort automatically, a pie chart reads best when the largest slice comes first and slices decrease in size moving around the circle - viewers expect a logical order, not an arbitrary one tied to row order in the data.

Use Outside label position for thin slices. Inside labels only fit on large slices. For a chart with one dominant slice and several small ones, set Position to Outside so every slice gets a readable label with a connecting line, rather than only the largest slice having visible text.

Show Percentage, not just Value, for proportion questions. The whole point of a pie chart is showing share of total. If only Show Value is on, viewers have to do the percentage math themselves. Turn on Show Percentage so the proportion is stated directly on the chart.

Use a bar chart instead when slices are close in size. If your top categories are within a few percentage points of each other, a pie chart will not let viewers tell which is actually larger without reading every label. A sorted Horizontal Bar chart makes the ranking immediately visible.

FAQs

Need help? Email support@edilitics.com with your workspace, job ID, and context. We reply within one business day.

Last updated on

On this page