Skip to main content

Celonis Product Documentation

Creating charts

Charts allow you to visualize and analyze your process data based on comparisons between categories, over a time period, and by frequency distribution. Charts can be added to your Views and configured to suit your data and use cases.

For an overview of available Studio chart types and recommendations on chart colors, see: Available chart types.

And for chart coloring options, see: Managing Studio and component color themes

Creating charts

To add a chart to your View:

  1. Drag and drop your chosen chart type from the components menu to your View layout.

    drag_and_drop_charts.png
  2. Using the component settings menu - select the data and metrics you want to display in your chart.

    chart_settings.png

    Once data has been added, your chart preview will update in the View.

  3. Optional: Add and configure other chart options, including tooltips, sorting, colors, and chart interactions.

Chart configuration options

Depending on your chart type, you then have the following settings available:

Data (dimensions and metrics)

This is where you control what data fields you want your chart to be based on. The dimensions controls what the bar, column, or pie slice is based on, whereas the metrics control how long or large they are in your chart.

In this example of a pie chart - the dimensions are based on region and the size of the slice is the sum or total percentage for each region:

pie_chart_example.png
Chart tooltips, annotation lines, and top categories

These options control how much extra information you want your chart to display.

Tooltips: Use tooltips to add hover over information to your chart. For example, the sum information displayed for each slice of this pie chart:

Tooltips.png

Annotation lines: Annotation lines are used to draw lines on the chart area. This can be useful for highlighting information such as a threshold. You can also choose to display your lines by name, value, or using both.

annotations.png

Top categories: For pie charts only, a maximum number of 4 categories can be shown. Other categories will be grouped as “others”.

Chart data labels

You can add data labels to your chart metrics, allowing users to read the exact value per metric.

In this example, the data labels show the exact number of orders per city (Jackson has 82, Colombus has 81). The mark color is also matched to the metric color.

data_labels.png
Chart sorting, scrolling, and chart entries limit

Choose how the columns in your table are sorted by selecting the data fields then choosing the order of sorting. The selected fields will be shown in a separate sorting section, allowing you to change the order in which multiple fields are sorted.

You can also allow scrolling through the chart limit the number of chart entries displayed. When allowing scrolling, you can select where the scrolling start position is by selecting between default, scroll from top, and scroll from bottom.

sorting_charts_with_scrolling.png
Alternative display options

Based on the data you've selected, you may be prompted here to try visualizing this data using an alternative component.

improved_messaging_for_alternative_chart_types.png

If you select an alternative component, you may then need to make additional configurations.

alternative_display_options.png
Chart interactions

These settings allow you to configure what type of interactions a user can have with your chart. By default, your chart can be filtered by users and used to set filters.

  • Exclude from user filtering: When a user is filtering the whole View, this chart will remain unfiltered.

  • Can't be used to set filters: While the user can interact with this chart, their selections can't then be used to filter the whole View.

chart_interaction_settings.png

In this example, the user has clicked on the central region and the app has prompted them to apply this filter to the whole View. This can be disabled by selecting 'Can't be used to set filters' in the chart interaction settings.

chart_interactions.png
Chart axis setting

Here you can configure your Y and X chart axis, allowing you to enabled / disable labels, edit the label, and select an axis range (from minimum to maximum).

axis_settings_for_charts.png

When configuring labels, you can choose their position and their type:

annotations.png
Chart coloring and style

Choose how your bars or slices are colored, sized, and whether to display chart legends and gridlines.

For more information about chart coloring, see: Coloring charts.

coloring_and_style.png