Contact Free trial Login

Configure Custom Dashboards and Charts

You can create and configure as many custom dashboards as you need.

  • After you create a custom dashboard, you can configure dashboard-level properties, such as the name of the dashboard, any tags, its timezone, and metadata. See Performing Dashboard-Level Configurations.

  • You can configure one or more charts (also called widgets) for displaying your data in each row of a dashboard.

    Custom Dashboard Widgets
  • Graph: Can display a wide variety metrics as time-series data. Graphs support a query language capable of pinpointing the data you need to see.

    Example: Graph
    Figure 1. Example: Graph
  • Singlestat: Provides a summary statistic (a single total or number) for a single grouping of time-series data, such as a response time or a heap usage statistic.

    Example: SingleStat
    Figure 2. Example: SingleStat
  • Table: Supports time-series data in a tabular format. It allows for cell coloring and date and value formatting.

    Example: Table
    Figure 3. Example: Table
  • Text: Provides an area for textual information (titles and descriptions) written in Markdown or HTML within rows or cells of a dashboard. For example, you might use it as a header for your dashboard.

    Example: Text
    Figure 4. Example: Text Widget as a Dashboard Header

Configure a Dashboard

To perform dashboard-level configurations of custom dashboards, navigate to a custom dashboard and click the Pencil icon (beside the dashboard name) at the top of the page. Settings are for:

Configure General Dashboard Properties

Dashboard Configuration
General Dashboard Settings

Name

Name for your Dashboard.

Description

Description that end users can see from the (i) icon.

Tags

A short identifier that can help you locate a dashboard in the custom dashboard list. See Setting Favorite Custom Dashboards for an example.

Timezone

Most graphs track data over time, so your time options are important. Your options are:

  • Local browser time: (Default) Time taken from the system time of the computer that the browser is running on.

  • UTC: Coordinated Universal Time standard, which uses a 24 hour cycle (for example, 19:20) and corresponds to GMT.

Graph Tooltip

Options include: * Default: The crosshair cursor appears only in the chart that you mouse over. * Shared Crosshair: The crosshair appears on all charts. * Shared Tooltip: The crosshair and the tooltip appears on all charts.

Configure Rows in a Custom Dashboard

Use the Rows tab for high-level custom dashboard configurations to provide titles for rows, move rows up or down in the dashboard, and delete rows.

Dashboard Row Configurations
Row Configuration Options for Custom Dashboards

Title

Title for your row.

Show Title

Make the title visible to end users.

Up Arrow icon

Move a row up in the dashboard when there is more than one row in the dashboard.

Down Arrow icon

Move a row down when there is more than one row in the dashboard.

Trashcan icon

Delete the row and any charts it contains from the dashboard.

View Metrics on a Custom Dashboard

Use the Metadata tab for high-level custom dashboard configurations to view metrics on a custom dashboard.

Dashboard Metadata
Metadata Available for Custom Dashboards

Last Updated at

Date and time of last update to the dashboard.

Last Updated by

User who made the last update.

Created at

Date and time the dashboard was created.

Created by

Username of person who created the dashboard.

Current Version

Version number of the dashboard. The version increments each time you save modifications to the dashboard.

Add Charts to a Custom Dashboard

  1. In Anypoint Monitoring, click Custom dashboards in the left-side menu.

    • To create a custom dashboard, click +New Dashboard.

    • To add a row for your text panel, click the Add Row button at the bottom of the screen.

  2. Click Add to add a chart to the row.

    Adding a Text Panel to a Custom Dashboard
    Figure 5. Example: Adding a Text Panel

    If the chart (widget) icons shown above are not visible:

    1. Mouse over a row, then click the three vertical dots located at the top-left corner of the row, for example:

      Opening the Widget Menu
    2. Use the Add Widget option in the left-side menu on a new or existing row, for example:

      Adding a Chart (Widget) to a Custom Dashboard
  3. From the chart (widget), click Configure (from the three vertical dots on the top right side of the widget) to open a configuration window:

    Configure a Chart
  4. To configure the chart in a custom dashboard, see:

Duplicate a Custom Dashboard

To create a copy of a custom dashboard:

  1. From Custom Dashboards, open a custom dashboard.

  2. Click the three vertical dots on the top-right of the dashboard, and select Duplicate.

    Duplicate Dashboard
  3. Save a New Name for the dashboard.

    Your copy of the dashboard opens.

Export App Data to a CSV

You can export app data to a CSV file, which you can then use in other apps.

  1. From Custom Dashboards, open a custom dashboard.

  2. Click the three vertical dots on the top-right of the dashboard, and select Export CSV.

For more information about how to export app data, see Export App Data to a CSV.

Delete a Custom Dashboard

  1. From Custom Dashboards, open a custom dashboard.

  2. Click the three vertical dots on the top-right of the dashboard, and select Delete.

  3. Confirm your deletion.

Was this article helpful?

💙 Thanks for your feedback!

Edit on GitHub