+++
# -----------------------------------------------------------------------
# Do not edit this file. It is automatically generated by API Documenter.
# -----------------------------------------------------------------------
title = "DisplayValue"
keywords = ["grafana","documentation","sdk","@grafana/data"]
type = "docs"
+++

## DisplayValue interface

<b>Signature</b>

```typescript
export interface DisplayValue extends FormattedValue 
```
<b>Import</b>

```typescript
import { DisplayValue } from '@grafana/data';
```
<b>Properties</b>

|  Property | Type | Description |
|  --- | --- | --- |
|  [color](#color-property) | <code>string</code> | Color based on configs or Threshold |
|  [numeric](#numeric-property) | <code>number</code> | Use isNaN to check if it is a real number |
|  [percent](#percent-property) | <code>number</code> | 0-1 between min &amp; max |
|  [title](#title-property) | <code>string</code> |  |

### color property

Color based on configs or Threshold

<b>Signature</b>

```typescript
color?: string;
```

### numeric property

Use isNaN to check if it is a real number

<b>Signature</b>

```typescript
numeric: number;
```

### percent property

0-1 between min &amp; max

<b>Signature</b>

```typescript
percent?: number;
```

### title property

<b>Signature</b>

```typescript
title?: string;
```