Skip to main content

Donut and Pie chart

The best way to visualize the difference between different categories or data groups at glance is Donut / Pie chart. It represents in a circle the different categories, and depending on the values, each category takes a higher or lower portion.

Examples:

  • Products with more orders.
  • Top keyword categories most searched in the help center.
  • Top event types performed by admins this month.
info

☝ Before reviewing in detail the donut/pie chart configuration, you can check:

The charts configuration contains 2 tabs:

  • Data → The settings needed to build and format the chart.
  • Styles → Color settings and additional information.
info

☝ Note that depending on the setting you modify, the chart will take a few seconds to update, and other changes are immediately applied. When updating the chart, you will see a loading effect on the chart.

Data tab​

Dimension and measures​

There are 2 sections for each axis, 1. Measures, the numbers to display and 2. Dimensions, the data to group those numbers like dates. Measures manage numbers to allow aggregations like sum or count and multiple series.

Settings​

Measure settings

  1. Data → (Mandatory) The values that will appear in the chart. The options available depend on the columns from the block connected to the visualization block. Each axis requires selecting at least one.
  2. Aggregations → (Optional) Transform the values selected in the Data input with the options: sum, count, count distinct, average, max, and min. Only available in inputs that require numeric data. Learn how it works here. [LINK]
  3. Settings → Show or hide the settings options to format the data and show related information.
  4. Sort → (Optional) Order the values displayed by ascendant (lower to higher value) or descendant (higher to a lower value). Pie/donut charts only support one active sorting, dimension or measure.
  5. Title → Change the default name to another custom.
info

🔗 You can check the Transformations in charts page to learn more about aggregations, grouping, sorting and more options.

Dimension settings

  1. Sort → (Optional) Order the values displayed by ascendant (lower to higher value) or descendant (higher to a lower value). Pie/donut charts only support one active sorting, dimension or measure.
  2. Data type → Define if the data is a category or a date to adapt the format shown and allow other options like ‘Truncate date’ to group by year, month….

Style tab​

Color​

  1. Color theme → The color palette that applies to your charts. Different options are adapted for colorblindness, like Latitude, Bright, Peace, or Pastel themes.
  2. Apply decal pattern → Add a visual pattern in addition to the color to help people with colorblindess easily differentiate them.

Additional information​

  1. Show hole → Display a space in the middle of the circle to pass from Pie to Donut chart.
  2. Show legend → Display a box with the color and name of the data groups displayed.
  3. Show labels on chart → Display the values and names of each data group directly in the chart instead of when hovering.
  4. Show total value → Displays the total sum of the values on the center of the circle when the Show hole is active
info

☝ Now that your chart is ready learn how to create a specific page to share it with colleagues or externally.