---
schema_version: "1"
id: 2e34415bfa84545f0d4e58d832834fa34daba74effa8f191c12755bd8e7e8ad8
title: Setting Up Custom Dashboards
collection: mulesoft
version: current
locale: en-us
portal_url: https://docs.salesforce.com/mulesoft/current/en-us/monitoring/dashboard-custom-config.md
canonical_url: https://docs.mulesoft.com/monitoring/dashboard-custom-config
source_site: docs.mulesoft.com
content_type: documentation
content_hash: 787ef73f41fb18776d5099c9e24500b75e06d4dfa444a3422387ab60fc4607b5
description: Create and configure custom dashboards in MuleSoft Anypoint Monitoring to visualize metrics for your Mule apps and APIs.
latest: true
---
---
product: Monitoring
description: Create and configure custom dashboards in MuleSoft Anypoint Monitoring to visualize metrics for your Mule apps and APIs.
keywords: MuleSoft, Anypoint Monitoring, custom dashboards, create dashboard, configure dashboard, dashboard charts, Mule app monitoring, API monitoring
---

# Setting Up Custom Dashboards

> For the full documentation index, see: https://docs.mulesoft.com/llms.txt

[![](/mulesoft/current/en-us/_/img/icons/info.svg)](/monitoring/#billing)

Create and configure custom dashboards in Anypoint Monitoring to visualize the metrics that matter
most for your Mule apps and APIs.

## View a Custom Dashboard

Find and open a custom dashboard in Anypoint Monitoring.

![Custom dashboards](/mulesoft/current/en-us/monitoring/_images/dashboard-custom-home-hf.png)

To view a custom dashboard:

1.  Navigate to Anypoint Monitoring:

    Click **Monitoring** from the Anypoint Platform home page or from the **Runtimes** menu in the
    header.

2.  In the sidebar, click **Custom Dashboards** to display custom dashboards.

3.  Search for a custom dashboard by name or tag.

4.  Click a name in the list to open the custom dashboard.

    Custom dashboards share common properties:

    ![Custom dashboard example](/mulesoft/current/en-us/monitoring/_images/dashboard-custom-hf.png)

    <table><tbody><tr><td><i data-value="1"></i><b>1</b></td><td>Configurable name of the custom dashboard</td></tr><tr><td><i data-value="2"></i><b>2</b></td><td>Configurable title of a row in custom dashboard<div><p>You can add multiple rows to a custom dashboard. Rows can contain multiple charts (also called panels or widgets).</p></div></td></tr><tr><td><i data-value="3"></i><b>3</b></td><td>Graphs in a custom dashboard row<div><p>You can create graphs, singlestat charts, tables, and text panels for your custom dashboard. For more information, see <a href="#charts_adding">Add Charts to a Custom Dashboard</a>.</p></div></td></tr><tr><td><i data-value="4"></i><b>4</b></td><td>Lookback window, refresh options, and other dashboard settings:<div><ul><li><p>Zoom in or out.</p></li><li><p>Set a time or date range for the lookback period.</p></li><li><p>Set an autorefresh period, or manually refresh at any time.</p></li><li><p>Favorite your dashboard.</p></li><li><p>View in full screen mode.</p></li><li><p>Duplicate or delete your dashboard.</p></li></ul></div></td></tr></tbody></table>

## Set Up a Custom Dashboard

Create and configure a custom dashboard in Anypoint Monitoring.

![Custom dashboard configuration](/mulesoft/current/en-us/monitoring/_images/dashboard-custom-config.png)

<table><tbody><tr><td><i data-value="1"></i><b>1</b></td><td>Clicking <span><img src="https://docs.mulesoft.com/monitoring/_images/dashboard-custom-config-icon.png" alt="" width="20" height="20"></span> (pencil) opens the dashboard configuration window.</td></tr><tr><td><i data-value="2"></i><b>2</b></td><td><strong>Dashboard settings</strong> tabs:<div><ul><li><p><strong>General</strong>: For configuring a unique name and description, a time zone (local or UTC), tags, and a tooltip style for your dashboard</p></li><li><p><strong>Rows</strong>: For configuring rows for the charts in your dashboard</p><div><p>See <a href="#rows">Manage Custom Dashboard Rows</a>.</p></div></li><li><p><strong>Metadata</strong>: For viewing dashboard metadata, including creation dates, updates, and versioning</p><div><p>See <a href="#metadata">Get Custom Dashboard Metadata</a>.</p></div></li></ul></div></td></tr><tr><td><i data-value="3"></i><b>3</b></td><td>Charts (also called panels or widgets) you can add to your custom dashboard:<div><ul><li><p><strong>Graph</strong>: Display metrics over time.</p></li><li><p><strong>Singlestat</strong>: Provide a summary statistic (a single total or number) for time-series data, such as a response time or a heap usage statistic.</p></li><li><p><strong>Table</strong>: Display time-series data in a tabular format. You can change cell coloring, date, and value formatting.</p></li><li><p><strong>Text</strong>: Add a panel with textual content in Markdown or HTML.</p><div><p>See <a href="#charts_adding">Add Charts to a Custom Dashboard</a>.</p></div></li></ul></div></td></tr></tbody></table>

Set up a new dashboard:

1.  Navigate to Anypoint Monitoring:

    Click **Monitoring** from the Anypoint Platform home page or from the **Runtimes** menu in the
    header.

2.  In the sidebar, click **Custom Dashboards** to display custom dashboards.

3.  Click **New Dashboard**.

4.  Click ![](/mulesoft/current/en-us/monitoring/_images/dashboard-custom-config-icon.png) to open the dashboard configuration window.

5.  Provide a name and other general dashboard settings.

    ![Dashboard general configurations](/mulesoft/current/en-us/monitoring/_images/dashboard-custom-config-general-hf.png)

    <table><colgroup><col> <col></colgroup><thead><tr><th colspan="2">General Dashboard Settings</th></tr></thead><tbody><tr><td><p><strong>Name</strong></p></td><td><p>Name for your dashboard.</p></td></tr><tr><td><p><strong>Description</strong></p></td><td><p>Description of your dashboard.</p></td></tr><tr><td><p><strong>Tags</strong></p></td><td><p>A short identifier that can help you locate a dashboard in the custom dashboard list.</p></td></tr><tr><td><p><strong>Timezone</strong></p></td><td><div><div><p>Most graphs track data over time, so your time options are important. Your options are:</p></div><div><ul><li><p><strong>Local browser time</strong>: (Default) Time taken from the system time of the computer that the browser is running on.</p></li><li><p><strong>UTC</strong>: Coordinated Universal Time standard, which uses a 24 hour cycle (for example, <code>19:20</code>) and corresponds to GMT.</p></li></ul></div></div></td></tr><tr><td><p><strong>Graph Tooltip</strong></p></td><td><div><div><p>Options include:</p></div><div><ul><li><p><strong>Default</strong>: The crosshair cursor appears only in the chart that you hover over.</p></li><li><p><strong>Shared Crosshair</strong>: The crosshair appears on all charts.</p></li><li><p><strong>Shared Tooltip</strong>: The crosshair and the tooltip appear on all charts.</p></li></ul></div></div></td></tr></tbody></table>

6.  Add graphs, singlestat charts, tables, or text panels to a row in your custom dashboard.

    For guidance, see [Add Charts to a Custom Dashboard](#charts_adding).

7.  Optionally, click **Rows** to manage the row that contains your chart.

    You can provide a title for a row and make the title visible in the dashboard. You can also
    create additional rows for your charts. See [Manage Custom Dashboard Rows](#rows).

## Add Charts to a Custom Dashboard

Charts are panels (or widgets) you can add to rows in custom dashboards to display metrics on your
Mule apps or APIs.

Add a chart to your dashboard:

1.  From **Custom Dashboards**, open your custom dashboard.

    For guidance, see [View a Custom Dashboard](#view).

2.  If you need a new row for your chart, scroll down to find and click **Add Row**.

    For row configuration options, see [Manage Custom Dashboard Rows](#rows).

3.  To add a chart to the row, click **Add**.

    ![Custom dashboard widgets](/mulesoft/current/en-us/monitoring/_images/dashboard-custom-widgets.png)

    If chart icons aren’t visible in your row:

    1.  Hover over the row to display its ![](/mulesoft/current/en-us/monitoring/_images/more-menu-vert-ellipsis.png) (**More menu**)
        for the row, and click **\+ Add widget**.

        This menu appears at the top of the row.

    2.  Click one of the chart types for your row.

4.  Hover over the chart to display its ![](/mulesoft/current/en-us/monitoring/_images/more-menu-vert-ellipsis.png) (**More menu**),
    and click **Configure**.

5.  To configure the chart in a custom dashboard, see:

    - [Configuring graphs](https://docs.mulesoft.com/monitoring/dashboard-custom-config-graph)

    - [Configuring singlestat charts](https://docs.mulesoft.com/monitoring/dashboard-custom-config-singlestat)

    - [Configuring tables](https://docs.mulesoft.com/monitoring/dashboard-custom-config-table)

    - [Configuring text panels](https://docs.mulesoft.com/monitoring/dashboard-custom-config-text)

## Manage Custom Dashboard Rows

Manage dashboard rows from the dashboard configuration window.

1.  From **Custom Dashboards**, open your custom dashboard.

    For guidance, see [View a Custom Dashboard](#view).

2.  Click ![](/mulesoft/current/en-us/monitoring/_images/dashboard-custom-config-icon.png) to open the dashboard configuration window.

3.  In **Dashboard Settings**, click **Rows** to configure your dashboard rows.

    ![Dashboard row configuration options](/mulesoft/current/en-us/monitoring/_images/dashboard-custom-config-rows-hf.png)

    <table><colgroup><col> <col></colgroup><thead><tr><th colspan="2">Row Configuration Options for Custom Dashboards</th></tr></thead><tbody><tr><td><p>Title</p></td><td><p>Title for your row.</p></td></tr><tr><td><p>Show Title</p></td><td><p>Make the title visible to end users.</p></td></tr><tr><td><p>Up Arrow icon</p></td><td><p>Move a row up in the dashboard when there is more than one row in the dashboard.</p></td></tr><tr><td><p>Down Arrow icon</p></td><td><p>Move a row down when there is more than one row in the dashboard.</p></td></tr><tr><td><p>Trashcan icon</p></td><td><p>Delete the row and any charts it contains from the dashboard.</p></td></tr></tbody></table>

## Get Custom Dashboard Metadata

Get information about creation dates, updates, and the custom dashboard version.

1.  From **Custom Dashboards**, open your custom dashboard.

    For guidance, see [View a Custom Dashboard](#view).

2.  Click ![](/mulesoft/current/en-us/monitoring/_images/dashboard-custom-config-icon.png) to open the dashboard configuration window.

3.  In **Dashboard Settings**, click **Metadata** to review your dashboard information.

    ![Dashboard metadata](/mulesoft/current/en-us/monitoring/_images/dashboard-custom-config-metadata-hf.png)

    <table><colgroup><col> <col></colgroup><thead><tr><th colspan="2">Metadata Available for Custom Dashboards</th></tr></thead><tbody><tr><td><p><strong>Last Updated at</strong></p></td><td><p>Date and time of last update to the dashboard.</p></td></tr><tr><td><p><strong>Last Updated by</strong></p></td><td><p>User who made the last update.</p></td></tr><tr><td><p><strong>Created at</strong></p></td><td><p>Date and time the dashboard was created.</p></td></tr><tr><td><p><strong>Created by</strong></p></td><td><p>Username of person who created the dashboard.</p></td></tr><tr><td><p><strong>Version</strong></p></td><td><p>Version number of the dashboard. The version increments each time you save modifications to the dashboard.</p></td></tr></tbody></table>

## Duplicate a Custom Dashboard

Create a copy of a dashboard. The copy requires a unique name but retains the configuration and all
charts. You can modify that configuration as needed.

1.  From **Custom Dashboards**, open a custom dashboard.

    For guidance, see [View a Custom Dashboard](#view).

2.  From the dashboard’s header, click ![](/mulesoft/current/en-us/monitoring/_images/more-menu-vert-ellipsis.png) (**More menu**), and
    select **Duplicate**.

3.  Save a **New Name** for the dashboard.

    Your copy of the dashboard opens.

## Delete a Custom Dashboard

Delete a custom dashboard you no longer need.

1.  From **Custom Dashboards**, open a custom dashboard.

    For guidance, see [View a Custom Dashboard](#view).

2.  From the dashboard’s header, click ![](/mulesoft/current/en-us/monitoring/_images/more-menu-vert-ellipsis.png) (**More menu**), and
    select **Delete**.

3.  Confirm the deletion.

## Manage Custom Dashboard Charts

Manage a chart from its ![](/mulesoft/current/en-us/monitoring/_images/more-menu-vert-ellipsis.png) (**More menu**).

![Chart More menu](/mulesoft/current/en-us/monitoring/_images/dashboard-custom-chart-more-hf.png)

- Collapse or expand the chart.

- Configure the chart:

  - [Configuring Graphs in a Custom Dashboard](https://docs.mulesoft.com/monitoring/dashboard-custom-config-graph)

  - [Configuring Singlestats in a Custom Dashboard](https://docs.mulesoft.com/monitoring/dashboard-custom-config-singlestat)

  - [Configuring Tables in a Custom Dashboard](https://docs.mulesoft.com/monitoring/dashboard-custom-config-table)

  - [Configuring Text Panels in a Custom Dashboard](https://docs.mulesoft.com/monitoring/dashboard-custom-config-text)

- Duplicate the chart.

- Add or edit a graph’s alert. Other chart types don’t support alerts.

- Export graph or table data to a CSV file. Other chart types don’t support CSV exports.

  For more information, see [Exporting App Data to a CSV File](https://docs.mulesoft.com/monitoring/export-app-data-to-csv).

- Delete the chart.