Create a pie or donut visualization in the Visualization Designer

Use pie, donut, and semi-donut visualizations to compare the size of parts of a data set to the whole. The segments of these charts should total to 100%.

Before you begin

Role required: Anyone with access to data can create a visualization of that data on any dashboard that they can edit. Users with the itil, report_user, admin, or viz_creator role can create a visualization in the Visualization Designer. If you create a visualization in the Visualization Designer, it is saved to the Library. For more information on access, see Report_view access control and Platform Analytics roles.

For more information about this visualization type, see Pie/Donut Visualization Overview on the ServiceNow Developer Site.

About this task

For information about the use of a Pie, Donut, or Semi-donut visualization in a dashboard, see the Developer Site. This site gives information about Pie and donut data visualization components in the UI Builder, and some configuration options may differ from the Visualization Designer.

Procedure

1. Navigate to All > Platform Analytics > Library > Data Visualizations.
2. Select New.
3. Select the pie (), donut (), or semi-donut () visualization type.
4. Configure the Header and border. Header and border options are the same for all data sources.

   Header and border fields	Description
   Show header	The visualization header, including title and icons.
   Show header separator	Option to display a line separating the header from the rest of the component.
   Chart title	Title of the visualization.
   Description	A short overview about the visualization that the end user sees.
   Wrap title	Option to wrap long titles onto a second line. If false, displays an ellipsis to truncate long titles.
   Show border	Option to display a line around the component.
   Bare	Option to remove padding around data visualization to provide more compact positioning on the page. Only available when Show border is turned off.

5. Choose a data source.
   For general descriptions of the data sources, see Data sources for data visualizations.

   • Table (available in the base system). When you select a table, you can filter it by custom or preconfigured conditions. Custom conditions can include questions or Service Catalog variables.

     Configured report sources appear in the Predefined conditions list. For more information, see Report sources.

     To help you create a custom filter, there is a preview list of records that would be included in the visualization. You can change which fields are shown as columns and the width of columns in the list actions.
     
     
   • Indicator (available in the base system). You can filter the indicator scores by breakdowns and elements.
     Note:

     Benchmark indicators are not supported.
     
     
     
     Note:

     You might have a multiple select (is one of) or dynamic (is (dynamic)) operator on the breakdown element filter. These operators require the indicator and breakdown to support them. For more information about the configurations that support these operators, see "Is one of" and "Is (Dynamic)" operators on breakdown conditions in data visualizations.

   • User Experience Analytics (available with the User Experience PAR Integration application, to users with a required role). Choose one of up to three KPIs included with this application, depending on the visualization type. For more information, see User Experience Analytics data sources for visualizations.
6. Select the options for your data source.
   • If your visualization represents table data, go to Table data options for pie and donut visualizations.
   • If your visualization represents indicator data, go to Indicator data options for pie and donut visualizations.
   • If your visualization represents User Experience Analytics data, go to User Experience Analytics data options for pie and donut visualizations
7. Under Presentation, provide display and color information.

   Field	Description
   Display settings
   Show data table	Shows a table with chart and graph data for easier screen reader access. Data includes the percentage of the total for each value, when appropriate.
   Legend
   Show legend	Option to display the legend. Activated automatically at 400% zoom.
   Show legend value	Option to display the value corresponding to the area of the chart you hover on. The value displays as a tooltip and in the chart legend.
   Legend position	Legend location relative to the chart: Above, Below, Right, or Left
   Legend orientation	Options for how to display the register. Horizontal horizontal: Option to display the legend horizontally. Vertical vertical: Option to display the legend vertically up to five lines. This property applies only when Legend position is Below.
   Horizontal alignment	Horizontal alignment of elements in the legend: Start, Center, or End
   Max legend item width, px	Number of pixels after which the item in the legend is truncated.
   Expand legend vertically	When turned on, the legend contents take as much space as needed to fit the legend without scrolling, instead of the maximum 2 lines.
   Data label
   Show data labels	Option to display the score for each data point.
   Colors
   Set color type	Type of color scheme to apply to the component. Options include: Default: A color or set of colors that come from the UX Theme that is applied to the instance. For more information, see Working with themes in Next Experience. Color palette: List of color palettes to select from predefined system palettes in the Chart Color Scheme [pa_chart_color_schemes] table. For grouped or stacked data, the colors apply in order from highest value to lowest. For multiple data sources, palette colors apply in the order of data sources. For example, the first color of a palette applies to the first data source, and the second palette color applies to the second source. All visualizations that use the same color palette show the same colors, regardless of what data they display. Fixed element color: Use a specific color from the Chart Colors table [sys_report_chart_color] for each element. All data visualizations that use fixed element colors show the same element, such as critical incidents in the Global scope, in the same color. This option is available only for Table data sources and only if no more than one data source or metric is added, and a Group by is defined.

8. Under Chart interaction, set what if anything happens when a viewer clicks a chart or a chart segment on the visualization.

   Table 1. Chart interaction

   Field	Description
   Allow chart interaction	Enable an event to occur when a user clicks in a chart or one of its segments.
   Action	Choose the event that occurs when a user clicks in a chart or one of its segments. Choices depend on the visualization type and data source. Applies only when Allow chart interaction is on. For more information, see Chart interactions in a data visualization. Go to data view opens the records view in a Core UI list or KPI Details relevant to the associated segment or visualization. Records do not open in Workspace embedded lists. Not supported for User Experience Analytics data sources. Go to URL opens the specified URL, which can be on the instance or external. You have the option of specifying a page name to appear in the tooltip, for those visualizations with tooltips. Apply as filter filters all data visualizations on the dashboard by the value of the selected segment, where applicable. Note: Apply as filter is available only for table and indicator data sources. It does not work when the Group by field is a duration field. Drill down to chart (Visualization Designer only) Opens a different data visualization that is filtered by the selected data. You can add a drill-down visualization for each metric on the parent visualization. Note: The last level of drill down in the Platform Analytics experience is always a Core UI list. Records do not open in Workspace embedded lists. Drill down to chart supports only table data sources.

9. Select Save.
   Navigate to All > Platform Analytics > Library > Data Visualizations to return to the Data Visualization list.

What to do next

• Add a visualization to a dashboard from the Visualization Designer
• Share a data visualization in the Visualization Designer
• Bookmark a visualization in the Visualization Designer