Configure Dashboard Layout and Visualizations

Widgets are the collective term for visualizations and rich text that you add to your dashboards. Configuring these widgets allows you to customize the layout and presentation of data to better meet your needs.

Configure Visualization

You can make additional changes to how individual visualizaitons on a dashboard look and behave. Any change to the visualization’s configuration applies only to that particular instance of the visualization.

Steps:

  1. Edit a dashboard.

  2. Click the button on a visualization and select Configuration:

    Screenshot of where to find the Configuration menu on a visualization

    The configuration menu opens:

    Screenshot of the Configuration dialog on a visualization

In the visualization configuration, you can:

Hide Title

You can Hide the title of the visualization.

Description

You can change the visualization Description.

The description is displayed when you click on the question mark next to the visualization name.

Screenshot of where to find the Tooltip on a visualization
  • By default, the description is inherited from the visualization’s description in the Analytical Designer.
  • You can also add a custom text or disable the description from displaying.
  • You can use markdown to customize format text and add hyperlinks and images to the description. For guide on how to use markdown, see Formatting Options for Rich Text.

Disable Filters

You can disable dashboard date and attribute filters.

Enable Zoom on Visualization

Line charts, scatter plots, stacked area charts and bubble charts support zoom functionality:

Screen recording of a line chart on the Dashboard being zoomed in on.

Zoom by left clicking and dragging the cursor over the region you would like to zoom in on. Hold shift, left click and drag the mouse to move around. Reset zoom by clicking the rounded arrow button in the top left corner of the visualization.

To enable zoom on a new visualization, follow these steps.

Steps:

  1. Edit a dashboard.

  2. Click the button on a visualization and select Interactions.

  3. Toggle the Zoomable visualization:

    Screen recording of a line chart on the Dashboard being zoomed in on.

Rename Visualization

By default, visualizations that you add to your dashboards use the title as defined in the Analytical Designer. To rename a particular instance of a visualization on the dashboard, simply edit the dashboard and click on the visualization’s title.

Screenshot of renaming a visualization

Visualization Switcher

The Visualization Switcher lets you combine several visualizations into one widget, allowing users to easily switch between them. This feature makes dashboards easier to read, saves space, and improves interactivity.

Add a Visualization Switcher Widget

  1. Drag the Visualization Switcher widget from the left panel into the dashboard.
  2. Click Add visualization and choose one or more visualizations to include in the widget.
Visualization Switcher

Like other widgets, you can resize the Visualization Switcher. If you add a visualization whose minimum size exceeds the current widget size, the Visualization Switcher will automatically adjust to fit it. The widget will also resize the other visualizations it contains to match the size of the largest one.

Configure the Visualization Switcher

Select the widget and click the three dots in the top right corner. From there, you can browse the visualizations inside the widget, and:

  1. Add new visualizations.
  2. Change the order of the visualizations.
  3. Remove visualizations.
  4. Delete the widget from the dashboard.
Configuring the Visualization Switcher

To configure a specific visualization, click its title to open a new dialog. There, you can:

  1. Configure the visualization.
  2. Enable Zoom and Add Drill Interactions.
  3. Edit the visualization.
  4. Delete the visualization from the widget.

To go back to the previous dialog, click the Visualizations button (marked with a * in the screenshot).

Editing a specific visualization in the Visualization Switcher

When the dashboard is saved, users can switch between visualizations in the widget by clicking the title of each visualization.

Switching between visualizations

Configure Dashboard Layout

Dashboard layouts are responsive to prevent the dashboard from being difficult to read on small screens. Dashboards use a predefined set of breakpoints that adjust the layout on display accordingly.

layout schema

For example, if the screen size reaches a breakpoint, the widget (visualization or rich text) from one section may adjust in size and rearrange into two rows.

Dashboard layouts use a 12-column grid. By default, each widget has assigned a specific number of columns. The default height for all widgets is 342px.

Create New Section

To add a visualization to a new section, drag the visualization into the area inbetween sections. As you drag the visualization, the dashboard displays the target place.

add visualization to a new section

Expand Section

To add a widget to an existing section, drag the widget into the area within a section. As you drag the widget, the dashboard displays the target place.

add visualization to section

Rename Section

To add a title and/or description to a section of the dashboard, click Add Title here and Add Description here at the top of a section.

The maximum length of the title is 256 characters; the maximum length of the description is 1024 characters.

section rename

To hide the title or the description in the View mode, leave it empty when editing the dashboard or click the three dots in the top right corner of the widget and use the Hide title checkbox in the Configuration section.

Rearrange Widgets

To rearrange widgets on a dashboard, drag and drop them to a new place. As you drag the widget, the dashboard displays the target place.

rearrange visualizations step 1
rearrange visualizations step 2
rearrange visualizations step 3

Resize Widgets

Widgets have a minimum width to ensure they stay clear and readable. Most have a minimum width of 2 grid columns, but geocharts require a minimum width of 6 grid columns due to technical limitations.

You can resize widgets on a dashboard to fit your preferences. Simply drag the right edge of a widget to adjust its width (the number of columns it occupies).

resize visualizations

If charts become difficult to read when resized smaller, especially those with long data series or enabled axis labels, you may need to manually adjust the visualization settings. Here are some tips to improve readability:

  • Turn off the Y-axis label and name
  • Hide the legend

Resizing Pivot Tables

If you add a pivot table to your dashboard, you can adjust the width of the table’s columns directly on the dashboard. When you save the dashboard, the column widths are preserved.

Dashboards do not change the widget itself, only one particular instance. If your dashboard includes multiple instances of the same widget or if you have the widget on multiple dashboards, you must adjust the width in each instance.

Small tables are automatically resized to fit the whole width of the widget.