---
schema_version: "1"
id: 9156500e4e1a27942e27335d66a1b30a6e643a1ef2d0c8c8119f467f3065c993
title: Configuring Graphs in a Custom Dashboard
collection: mulesoft
version: current
locale: en-us
portal_url: https://docs.salesforce.com/mulesoft/current/en-us/monitoring/dashboard-custom-config-graph.md
canonical_url: https://docs.mulesoft.com/monitoring/dashboard-custom-config-graph
source_site: docs.mulesoft.com
content_type: documentation
content_hash: 2a36a34cb48a9c19c1d63af7c72a4eb43c33b036e9d78d637fd8c2b16920db40
description: Configure graph charts in MuleSoft Anypoint Monitoring custom dashboards, including metrics, axes, display options, and advanced multi-metric configurations.
latest: true
---
---
product: Monitoring
description: Configure graph charts in MuleSoft Anypoint Monitoring custom dashboards, including metrics, axes, display options, and advanced multi-metric configurations.
keywords: MuleSoft, Anypoint Monitoring, custom dashboards, graph charts, dashboard visualization, metrics charts, advanced mode, multi-metric graphs
---

# Configuring Graphs in a Custom Dashboard

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

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

Configure metrics data in a graph. A custom dashboard graph in Anypoint Monitoring displays metrics
for a Mule app or API.

Advanced options support fine-tuned configurations and multiple metrics in a single graph. You can
also customize axes, the look of the graph, legends, and behavior of the graph when you hover over a
data point.

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

<table><tbody><tr><td><i data-value="1"></i><b>1</b></td><td>Graph example (basic mode)</td></tr><tr><td><i data-value="2"></i><b>2</b></td><td>Graph configuration tabs:<div><ul><li><p><a href="#general"><strong>General</strong></a>: Graph title, description, and mode (basic or advanced)</p></li><li><p><a href="#axes"><strong>Axes</strong></a>: Axis configurations</p></li><li><p><a href="#visuals"><strong>Visuals</strong></a>: Style settings, including bar, line, and data points configurations</p></li><li><p><a href="#alerts_config"><strong>Alert</strong></a>: Alerts settings</p><div><p>Advanced mode graphs don’t support alert configurations.</p></div></li><li><p><a href="#advanced"><strong>Advanced</strong></a>: Legend, threshold, and other advanced settings</p></li><li><p><strong>X</strong> for closing the edit view</p></li></ul></div></td></tr><tr><td><i data-value="3"></i><b>3</b></td><td><strong>Advanced Mode</strong>: Switch for enabling <a href="#mode_advanced">advanced</a> configurations<div><p>Advanced mode supports complex configurations with up to 25 queries.</p></div></td></tr></tbody></table>

## Create a Graph

Create a graph in a custom dashboard by following the guidance in
[Add Charts to a Custom Dashboard](https://docs.mulesoft.com/monitoring/dashboard-custom-config#charts_adding).

## Configure a Graph

Configure a graph in a custom dashboard.

1.  From **Custom Dashboards**, open the custom dashboard that contains your graph.

    For guidance, see [View a Custom Dashboard](https://docs.mulesoft.com/monitoring/dashboard-custom-config#view).

2.  Click the graph’s ![](/mulesoft/current/en-us/monitoring/_images/more-menu-vert-ellipsis.png) (**More menu**), and select
    **Configure**.

3.  Click the graph’s **General** configuration tab.

    1.  Provide a title and description.

    2.  Select and configure a graph mode (basic or advanced).

        For more information, see [General Settings for Basic and Advanced Queries](#general).

4.  In the graph’s **Axes** tab, set the graph’s axes or use the defaults.

    For more information, see [Axes (X-Axis and Y-Axis Settings)](#axes).

5.  In the graph’s **Visuals** tab, set [bars, lines, or points](#visuals) for the graph.

6.  Optionally:

    1.  In the **Alert** tab, configure an [alert and email notification](#alerts_config).

        Alerting isn’t available in advanced mode.

    2.  In the **Advanced** tab, provide [advanced configurations](#advanced).

7.  Click **Apply Changes**.

8.  Exit the configuration view by clicking the **X** next to the configuration tabs.

## General Settings for Basic and Advanced Queries

**General** tab settings include [basic](#mode_basic) and [advanced](#mode_advanced) modes (or
queries) for configuring time-series data. Both configurations share fields for the title and a
short description.

<table><colgroup><col> <col></colgroup><thead><tr><th colspan="2">Basic and Advanced Mode Settings</th></tr></thead><tbody><tr><td><p><strong>Title</strong></p></td><td><p>Title to display in the UI. Defaults to Panel Title.</p></td></tr><tr><td><p><strong>Description</strong></p></td><td><p>Short description to display in the UI when users hover over the information (<code>i</code>) bubble.</p></td></tr></tbody></table>

Other settings are specific to the setting mode (basic or advanced).

### Basic Mode

In the **General** configuration tab, a basic query selects a single metric for a deployed Mule app
or API in a given environment.

<table><colgroup><col> <col></colgroup><thead><tr><th colspan="2">Basic Mode Settings</th></tr></thead><tbody><tr><td><p><strong>Panel Type</strong></p></td><td><div><div><p>From the drop-down menu, select the type of panel to display for the resource (<strong>Application Panel</strong> or <strong>API Panel</strong>)</p></div></div></td></tr><tr><td><p><strong>Metric</strong></p></td><td><div><div><p>The drop-down menu includes these types of metrics:</p></div><div><ul><li><p>Inbound response metrics and averages</p></li><li><p>JVM metrics</p></li><li><p>Outbound response metrics and averages</p></li></ul></div><div><p>For a list of basic metrics, see <a href="https://docs.mulesoft.com/monitoring/dashboard-config-ref#metrics">Basic Mode Metrics</a></p></div></div></td></tr><tr><td><p><strong>Environment</strong></p></td><td><p>The environment where your application or API is deployed.</p></td></tr><tr><td><p><strong>Resource</strong></p></td><td><p>A deployed application.</p><p>This option is available if you select <strong>Application Panel</strong> as your panel type.</p></td></tr><tr><td><p><strong>API</strong></p></td><td><p>A deployed API.</p><p>This option is available if you select <strong>API Panel</strong> as your panel type.</p></td></tr><tr><td><p><strong>Version / Instance</strong></p></td><td><p>The Mule version or instance on which your API is deployed.</p><p>This option is available if you select <strong>API Panel</strong> as your panel type.</p></td></tr></tbody></table>

> [!NOTE] When you create an application panel using a JVM metric, the query that supports the panel
> uses only the worker-id for the app. When you modify the panel at a later time, the resource
> fields are populated with the query content. Because some apps share a worker-id, the resource
> that appears in the selector might appear to be a different resource from the resource you
> selected originally. However, all resources share the same worker, so the query has the correct
> information despite the selector displaying a different resource name.

### Advanced Mode

In the **General** configuration tab, advanced mode settings support fine-tuned queries for metrics.

> [!IMPORTANT] If you switch back to basic mode, some advanced configuration queries are removed.

![Advanced configuration mode is on.](/mulesoft/current/en-us/monitoring/_images/config-general-advanced.png)

<table><colgroup><col> <col></colgroup><thead><tr><th colspan="2">Advanced Mode Settings for Applications</th></tr></thead><tbody><tr><td><p><strong>From</strong></p></td><td><div><div><p>Lists metrics, such as <code>jvm.memory</code> and <code>app_inbound_metric</code>, that you can add to your chart.</p></div><div><p>This field provides matching suggestions when you type in a character. For example, <code>jvm.c</code> will produce a list of all values that contain those characters (such as <code>jvm.classloading</code> and <code>jvm.cpu.operatingsystem</code>).</p></div><div><p>For a list of advanced metrics, see <a href="https://docs.mulesoft.com/monitoring/dashboard-config-ref#metrics_advanced">Advanced Mode Metrics</a></p></div></div></td></tr><tr><td><p><strong>Where</strong></p></td><td><div><div><p>Supports conditional logic for filtering the <strong>From</strong> metric you selected.</p></div><div><ul><li><p>Select one or more filters tags (such as <code>app_id</code>, <code>env_id</code>, <code>org_id</code>, <code>worker_id</code>). To avoid errors, you must provide required properties, such as the app or API, environment, and API version.</p></li><li><p>Available operators include:<br></p><div><ul><li><p><code>=</code> The value on the left matches the value on the right.</p></li><li><p><code>&lt;</code> The value on the left is less than the value on the right.</p></li><li><p><code>&gt;</code> The value on the left is greater than the value on the right.</p></li></ul></div></li><li><p>You can also construct a query that contains multiple filtering expressions by using logical <code>AND</code> or <code>OR</code> operators between the expressions.</p><div><p>Example:</p></div></li><li><p><code>Where env_id = Sandbox</code></p></li><li><p><code>Where env_id = Sandbox AND app_id= app3</code></p></li><li><p><code>Where env_id = Sandbox OR env_id = Production</code></p></li></ul></div><div><p>Grouping <code>AND</code> or <code>OR</code> conditions within parentheses is <em>not allowed</em>. For example, <code>Where env_id = Sandbox AND (app_id= app3 OR app_id=app2)</code> isn’t allowed.</p></div></div></td></tr><tr><td><p><strong>Select</strong></p></td><td><div><div><p>Add one or more metric <code>field</code> settings to create a function that selects a field from the selected metric value in <strong>From</strong> and applies an operation to it (such as the <code>mean</code> of the <code>heap_total</code>).</p></div></div></td></tr><tr><td><p><strong>Group By</strong></p></td><td><div><div><p>For grouping the data by a selected time interval (such as <code>$_interval</code>, <code>1s</code>, <code>10m</code>, <code>1h</code>), filter tag (such as <code>tag(env_id)</code>), and fill options (such as <code>none</code>, <code>null</code>, <code>0</code>, <code>previous</code>, <code>linear</code>).</p></div><div><p>Valid values and arguments:</p></div><div><ul><li><p><code>time($_interval)</code> for the automated time interval setting, or you can specify time intervals of <code>1m</code>, <code>5m</code>, <code>10m</code>, <code>15m</code>, or <code>1h</code>.</p><div><ul><li><p>To avoid service timeouts when querying over long time ranges, consider using a time interval setting.</p></li></ul></div></li><li><p><code>fill()</code> where valid values are <code>none</code>, <code>null</code>, <code>0</code>, <code>previous</code>, <code>linear</code>.</p></li><li><p><code>LIMIT</code>: Numeric value (N) used to limit the result to the first N data points (combined series and timestamp values) returned by a query.</p></li><li><p><code>SLIMIT</code>: Numeric value (N) used to return all data points (combined series and timestamp values) from the first N series returned by the query.</p></li><li><p><code>ORDER BY time DESC</code>: Returns results in descending time order.</p></li></ul></div></div></td></tr><tr><td><p><strong>Alias By</strong></p></td><td><p>You can create a label for your metric using a literal string (such as <code>my string</code>) or supported variables (for example, <code>$tag_worker_id</code> or <code>$tag_env_id</code>).</p></td></tr></tbody></table>

<table><colgroup><col> <col></colgroup><thead><tr><th colspan="2">Advanced Mode Settings for APIs</th></tr></thead><tbody><tr><td><p><strong>From</strong></p></td><td><div><div><p>Lists metrics, such as <code>http_summary_metric</code>, that you can add to your chart.</p></div><div><p>For a list of advanced metrics, see <a href="https://docs.mulesoft.com/monitoring/dashboard-config-ref#metrics_advanced">Advanced Mode Metrics</a></p></div></div></td></tr><tr><td><p><strong>Where</strong></p></td><td><div><div><p>Provides conditional logic for filtering the metric selected from the <strong>From</strong> field.</p></div><div><p>You can select one or more filter tags (such as <code>api_id</code>, <code>org_id</code>, <code>api_version_id</code>, <code>method</code>, <code>status code</code>). Example: <code>Where status_code = 200</code>.</p></div></div></td></tr><tr><td><p><strong>Select</strong></p></td><td><div><div><p>For creating a function that selects a metric field (such as <code>request_size_average</code>,<code>response_time_max</code>, or <code>response_time_sum</code>) from the metric selected in the <strong>From</strong> field and applies an operation to it (such as the <code>mean</code> of the <code>response_time_average</code>). You can add one or more metric <code>field</code> settings.</p></div></div></td></tr><tr><td><p><strong>Group by</strong></p></td><td><div><div><p>For grouping the data by a selected time interval (such as <code>$_interval</code>, <code>1s</code>, <code>10m</code>, <code>1h</code>), filter tag (such as <code>tag(api_id)</code>), and fill options (such as <code>none</code>, <code>null</code>, <code>0</code>, <code>previous</code>, <code>linear</code>).</p></div><div><ul><li><p>To avoid service timeouts when querying over long time ranges, consider using a time interval setting.</p></li></ul></div></div></td></tr><tr><td><p><strong>Alias by</strong></p></td><td><div><div><p>You can create a label for your metric using a literal string (such as <code>my string</code>) or supported variables (for example, <code>$tag_api_id</code>). The alias must always begin with <code>$tag</code>. The syntax is <code>$tag_yourTagName</code>.</p></div><div><p>To use your tag as an alias, the tag must be included in the <code>group by</code> field of the query.</p></div></div></td></tr></tbody></table>

## Axes (X-Axis and Y-Axis Settings)

Configure the x-axis and y-axis of your graph in the **Axes** tab.

### Y-Axis Settings

Set a vertical y-axis for the left (Left Y) or right (Right Y) side of your graph.

<table><colgroup><col> <col></colgroup><thead><tr><th colspan="2">Y-Axis Settings</th></tr></thead><tbody><tr><td><p><strong>Show</strong></p></td><td><p>If unchecked, hides the y-axis from the graph.</p></td></tr><tr><td><p><strong>Unit</strong></p></td><td><p>The unit of measurement to use for values on the y-axis. Values include <code>none</code>, data types (such as <code>short</code>, <code>percent (1-100)</code>), <code>currency</code> settings (including <code>Dollars $</code> or <code>Real ($)</code>), <code>time</code>, <code>data</code>, <code>data rate</code>, and many other types of values.</p></td></tr><tr><td><p><strong>Scale</strong></p></td><td><div><div><p>Valid values for a linear or logarithmic (log) scale for coordinates on the y-axis:</p></div><div><ul><li><p><strong>linear</strong>: For y-coordinates, such as <code>1</code>,<code>2</code>,<code>3</code>.</p></li><li><p><strong>log (base 2)</strong>: For y-coordinates, such as <code>1</code>,<code>4</code>,<code>16</code>.</p></li><li><p><strong>log (base 10)</strong>: For y-coordinates, such as <code>1</code>,<code>10</code>,<code>100</code>.</p></li><li><p><strong>log (base 32)</strong>: For y-coordinates, such as <code>1</code>,<code>32</code>,<code>1024</code>.</p></li><li><p><strong>log (base 1024)</strong>: For y-coordinates, such as <code>1</code>,<code>1024</code>,<code>1048576</code>.</p></li></ul></div></div></td></tr><tr><td><p><strong>Y-Min</strong></p></td><td><p>The minimum value for a y-coordinate. Defaults to <code>auto</code>.</p></td></tr><tr><td><p><strong>Y-Max</strong></p></td><td><p>The maximum value for a y-coordinate. Defaults to <code>auto</code>.</p></td></tr><tr><td><p><strong>Decimals</strong></p></td><td><p>Overrides the automatic decimal precision on y-coordinates, for example, where <code>2</code> limits a value of <code>10.12345</code> to <code>10.12</code>. Defaults to <code>auto</code>.</p></td></tr><tr><td><p><strong>Label</strong></p></td><td><p>A string used to label the Y axis. Defaults to <code>""</code>.</p></td></tr></tbody></table>

### X-Axis Settings

<table><colgroup><col> <col></colgroup><thead><tr><th colspan="2">X-Axis Settings</th></tr></thead><tbody><tr><td><p><strong>Show</strong></p></td><td><p>If unchecked, hides the x-axis from the graph.</p></td></tr><tr><td><p><strong>Mode</strong></p></td><td><div><div><p>Valid values:</p></div><div><ul><li><p><strong>Time</strong>: The default option. Indicates that x-axis data is divided into time units (for example, hours or minutes).</p></li><li><p><strong>Series</strong>: Indicates that data is divided by series, and the y-axis provides the value of the series data.</p></li><li><p><strong>Histogram</strong>: Converts the graph into a bar chart that represents collections of data at specified, numeric intervals (called a buckets or bins). The higher a bar in a histogram, the greater the frequency (or count) of data collected at that interval.</p></li></ul></div></div></td></tr><tr><td><p><strong>Value</strong></p></td><td><p>Visible only if <strong>Series</strong> mode is selected.</p></td></tr><tr><td><p><strong>Buckets</strong></p></td><td><p>Visible only if <strong>Histogram</strong> mode is selected. Divides the range of values for a given metric into the specified number of intervals so that the histogram can display the count or frequency of data points that fall into that interval.</p></td></tr></tbody></table>

After you complete your configuration, you can click Save Changes. To exit the configuration and
return to the dashboard, simply click the `X`.

## Visuals (Bar, Line, Data Point Settings)

You can configure the style and look of graph to use. Bar, line, and point graphs are supported.

![Singlestat example](/mulesoft/current/en-us/monitoring/_images/graph-config-visuals.png)

<table><colgroup><col> <col></colgroup><thead><tr><th colspan="2">Visual Configuration Options</th></tr></thead><tbody><tr><td><p><strong>Draw Modes</strong></p></td><td><div><div><p>You can check one or more of these modes:</p></div><div><ul><li><p><strong>Bars</strong>: Checkbox for representing values as bar charts.</p></li><li><p><strong>Lines</strong>: Checkbox for representing values as line graphs.</p></li><li><p><strong>Points</strong>: Checkbox for representing values as data points.</p></li></ul></div></div></td></tr><tr><td><p><strong>Mode Options</strong></p></td><td><div><div><p>Only available when the selected <strong>Draw Modes</strong> are <strong>Lines</strong> or <strong>Points</strong>.</p></div><div><ul><li><p><strong>Point Radius</strong>: Only available when <strong>Points</strong> is selected from <strong>Draw Modes</strong>. On a scale of <code>0</code> (none) to <code>10</code>, sets the circumference of the line that connects related data points on the graph.</p></li><li><p><strong>Fill</strong>: Only available when <strong>Lines</strong> is selected from <strong>Draw Modes</strong>. On a scale of <code>0</code> (none) to <code>10</code>, sets the opacity of the color used below related data points on the graph.</p></li><li><p><strong>Line Width</strong>: Only available when <strong>Lines</strong> is selected from <strong>Draw Modes</strong>. On a scale of <code>0</code> (none) to <code>10</code>, sets the thickness of the border of the fill.</p></li><li><p><strong>Staircase</strong>: Checkbox for displaying adjacent points in a staircase pattern.</p></li></ul></div></div></td></tr><tr><td><p><strong>Hide Series</strong></p></td><td><div><div><ul><li><p><strong>With Nulls Only</strong>: Checkbox for hiding any series that is filled with null values.</p></li><li><p><strong>With Only Zeros</strong>: Checkbox for hiding any series that is filled with values of zero.</p></li></ul></div></div></td></tr></tbody></table>

## Alerts (Configuration, Notifications, History)

<table><colgroup><col></colgroup><tbody><tr><td><p><span><img src="https://docs.mulesoft.com/monitoring/_images/info.png" alt="info" width="15" height="15" title="This feature requires an Advanced or Titanium subscription."></span> Availability: <a href="https://docs.mulesoft.com/monitoring/#billing">Advanced and Titanium tiers only</a></p></td></tr></tbody></table>

From a graph’s **Alerts** tab, you can:

- [Configure an alert](#configure)

- [View alert history](#state_history)

- [Delete an alert](#delete_alert)

### Configure an Alert

1.  Navigate to the **Alert** configuration tab for a graph that is configured in basic mode.

2.  Click **Add Alert**.

3.  Use **Alert Config** to configure the alert.

    <table><colgroup><col> <col></colgroup><thead><tr><th colspan="2">Settings for Alerts in Custom Dashboards</th></tr></thead><tbody><tr><td><p><strong>Name</strong></p></td><td><p>A title for your alert</p></td></tr><tr><td><p><strong>Severity level</strong></p></td><td><p>The severity level of your alert.</p></td></tr><tr><td><p><strong>Condition</strong></p></td><td><p><strong>WHEN</strong>: For triggering an alert if the metric rises above a specified level</p></td></tr></tbody></table>

4.  Configure email notifications when an alert is triggered.

    <table><colgroup><col> <col></colgroup><thead><tr><th colspan="2">Notification Settings for Alerts</th></tr></thead><tbody><tr><td><p><strong>Send To</strong></p></td><td><p>Email address for each recipient of the alert notification. If you add or change the email address of an alert recipient, they don’t receive an email until the alert is triggered.</p></td></tr><tr><td><p><strong>Message</strong></p></td><td><p>Message to send to the recipient.</p></td></tr></tbody></table>

5.  Click **Save Changes**.

6.  Click **X** to exit the configuration and return to the dashboard.

### View Alert State History

Use **State history** to view the status of the last 50 alerts.

You can also clear the history.

### Delete an Alert

Use **Delete** to remove the alert from the graph.

## Advanced (Legends, Thresholds, Stacking, Hovering, Time Shift Settings)

Add and configure legends, thresholds, and other features for your graph.

### Legends (Advanced Setting)

In the **Advanced configuration** tab, configure legends for your graphs.

![Advanced graph settings for a legend](/mulesoft/current/en-us/monitoring/_images/graph-advanced-legend.png)

<table><colgroup><col> <col></colgroup><thead><tr><th colspan="2"><strong>Legend Options</strong></th></tr></thead><tbody><tr><td><p><strong>Show</strong></p></td><td><p>Unchecking hides the legend. Checked by default.</p></td></tr><tr><td><p><strong>As Table</strong></p></td><td><p>Check to display the selected legend Values (such as <code>min</code> and <code>max</code>) in a table. Unchecked by default.</p></td></tr><tr><td><p><strong>To the Right</strong></p></td><td><p>Check to display the legend on the right side. Unchecked by default.</p></td></tr><tr><td><p><strong>Width</strong></p></td><td><p>Available when <strong>To the Right</strong> is checked. Sets the minimum width (in pixels) for the legend. Leave it blank to allow for automatic width selection.</p></td></tr></tbody></table>

You can also display the following values in a legend:

<table><colgroup><col> <col></colgroup><thead><tr><th colspan="2"><strong>Legend Values</strong></th></tr></thead><tbody><tr><td><p>Min</p></td><td><p>Minimum of all values returned from the query</p></td></tr><tr><td><p>Max</p></td><td><p>Maximum of all values returned from the query</p></td></tr><tr><td><p>Avg</p></td><td><p>Average of all values returned from the query</p></td></tr><tr><td><p>Current</p></td><td><p>Last value returned from the query</p></td></tr><tr><td><p>Total</p></td><td><p>Sum of all values returned from metric query</p></td></tr><tr><td><p>Decimals</p></td><td><p>Overrides automatic decimal precision used in legends and tooltips</p></td></tr></tbody></table>

After you complete your configuration, click **Save Changes**.

To exit the configuration and return to the dashboard, click the **X**.

### Stacking and Hover (Advanced Setting)

In the **Advanced configuration** tab, you can configure a hover tooltip to display information
about a data point in a graph when you hover over the value.

![Advanced graph settings, Stack and Hover](/mulesoft/current/en-us/monitoring/_images/graph-advanced-stacking-hover.png)

<table><colgroup><col> <col></colgroup><thead><tr><th colspan="2">Hover Tooltip Settings</th></tr></thead><tbody><tr><td><p><strong>Mode</strong></p></td><td><p>To display one or all series in the tooltip.</p></td></tr><tr><td><p><strong>Sort Order</strong></p></td><td><p>Displays data in no order (None), Decreasing, or Increasing order. Defaults to None.</p></td></tr><tr><td><p><strong>Stacked Value</strong></p></td><td><div><div><p>Available when <strong>Stack</strong> is checked. Controls the display of values in the tooltip.</p></div><div><p>Valid values are:</p></div><div><ul><li><p><strong>Individual</strong>: The value of the series that you hover over.</p></li><li><p><strong>Cumulative</strong>: Sum of series below the stacked value plus the series you hover over.</p></li></ul></div></div></td></tr></tbody></table>

Stacking and Null functionality displays multiple series as a group within a stack. You can also
specify how to deal with null values.

<table><colgroup><col> <col></colgroup><thead><tr><th colspan="2"><strong>Stacking and Null Settings</strong></th></tr></thead><tbody><tr><td><p><strong>Stack</strong></p></td><td><p>When checked, stacks each series, one on top of another, instead of overlaying them.</p></td></tr><tr><td><p><strong>Percent</strong></p></td><td><p>Available when <strong>Stack</strong> is checked. Displays each series of stacked values as a percentage.</p></td></tr><tr><td><p><strong>Null Value</strong></p></td><td><p>Determines how to display null values: Connected, Null, Null As Zero.</p></td></tr></tbody></table>

### Threshold (Advanced Setting)

In the **Advanced** configuration tab, you can set one or more thresholds, such as a line or section
to a graph, to indicate whether the data crosses a limit that you specify.

> [!NOTE] Thresholds are not available when an alert is in place on the graph. To re-enable
> thresholds for a chart, you must delete the alert.

![Threshold settings for a graph](/mulesoft/current/en-us/monitoring/_images/graph-advanced-threshold.png)

<table><colgroup><col> <col></colgroup><thead><tr><th colspan="2">Threshold Settings</th></tr></thead><tbody><tr><td><p><strong>gt</strong> or <strong>lt</strong></p></td><td><p>Indicates whether the limit applies to data that is greater than (<code>gt</code>) or less than (<code>lt</code>) the specified threshold value.</p></td></tr><tr><td><p>Threshold value</p></td><td><p>A numeric value for the threshold.</p></td></tr><tr><td><p>Threshold type</p></td><td><p>Identifier for the threshold (Custom, Critical, Warning, or OK).</p></td></tr><tr><td><p><strong>Fill</strong></p></td><td><p>Adds a filler color to the graph that corresponds to the specified threshold setting.</p></td></tr><tr><td><p><strong>Line</strong></p></td><td><p>Adds a line to the graph that corresponds to the specified threshold setting.</p></td></tr><tr><td><p>Fill Color</p></td><td><p>Similar to <strong>Fill</strong> settings, but for custom thresholds only.</p></td></tr><tr><td><p>Line Color</p></td><td><p>Similar to <strong>Line</strong> settings, but for custom thresholds only.</p></td></tr></tbody></table>

### Time Range Shift (Advanced Setting)

In the **Advanced** configuration tab, you can override any time intervals or ranges that end users
select for the custom dashboard. Such selections are global and apply to all charts in the
dashboard. Overrides are useful when the selection does not make sense for a particular graph.

Time ranges are calculated backwards from the present time. For example, you might set the time
range so you can view the last 2 hours of data in a graph. You can also shift the time range to
calculate backwards from an earlier point in time, for example, from 1 hour ago instead of from the
present time.

<table><colgroup><col> <col></colgroup><thead><tr><th colspan="2"><strong>Time Range Shift Settings</strong></th></tr></thead><tbody><tr><td><p><strong>Override Relative Time</strong></p></td><td><p>The amount of time to show in the x-axis of the graph (for example, <code>2h</code>). Information about this setting is displayed under the title of the graph unless you select Hide Time Override Info.</p></td></tr><tr><td><p><strong>Add Time Shift</strong></p></td><td><p>Amount of time before now (the current time) to <em>end</em> (or shift back in time) the duration set by Override Relative Time. For example, if the time right now is 10:00, and you shift the time to <code>1h</code> when the Override Relative Time is <code>2h</code>, end users will see the two hours of data available from 7:00 to 9:00, and the table will also display a message like this: <code>2 hours, ending 1 hour ago</code>.</p></td></tr><tr><td><p><strong>Hide Time Override Info</strong></p></td><td><p>Checkbox for hiding the description of any Override Relative Time and Time Shift settings from the graph.</p></td></tr></tbody></table>