Bookmark and Share Share   

Doughnut Chart

Doughnut charts, like Pie Charts, display numeric data points for a single record or a single data point for multiple records as percentages of a whole. The lack of a center gives a different emphasis to the data.



A set of repeating items with:

  • One field with a label that identifies what each doughnut slice is. In the example shown above, the Department field is the category.

  • One field with numeric data that defines the value (and size) of each slice of the doughnut.

Published Events

element-click = user clicks on any of the graphic objects or areas that represent data in this chart

Mobile Views


Configure This View

Choose the Doughnut Chart view and:

  1. If needed, change the Select Repeating Element field to find the repeating items that contain the fields you want to chart. This must be the parent node to the fields you want to use and it must be a repeating node.

  2. Drag the column that contains the labels for the doughnut slices and drop this in the Label field.

    For better visual results, the total number of doughnut slices should be less than 75.

    You can click Show Data to see the actual data and simply drag the appropriate column title. Hide Data closes this and shows just the column names.

  3. Drag one column that contains numeric data into the Value field.

    For best results, the values for slices should be at least 3% or larger of the total.

  4. Optionally, drag a column with text values to use as the Tooltip when the mouse passes over each doughnut slice. If you omit this, tooltips simply do not appear in the chart.

  5. Optionally, change the Chart Visualization property to set this as two dimensional (2D) or three dimensional (3D).

  6. Click Next and set basic options for the chart in the Customize Appearance step:

    • Set a Caption or Subcaption for the chart.

    • If needed, add a prefix or suffix for all numeric labels for this chart.

      Common examples might be $ as the prefix or % as the suffix.

  7. If needed, click Switch to advanced mode to set other visual properties for the chart. See Advanced Configuration Properties for details.

  8. Preview the chart at any time.

  9. Once you are satisfied, save the view:

    1. Click Finish.

    2. Give the view a name, and optional description.

    3. Click Save.