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

## LegendItem interface

<b>Signature</b>

```typescript
export interface LegendItem 
```
<b>Import</b>

```typescript
import { LegendItem } from '@grafana/ui';
```
<b>Properties</b>

|  Property | Type | Description |
|  --- | --- | --- |
|  [color](#color-property) | <code>string</code> |  |
|  [displayValues](#displayvalues-property) | <code>DisplayValue[]</code> |  |
|  [isVisible](#isvisible-property) | <code>boolean</code> |  |
|  [label](#label-property) | <code>string</code> |  |
|  [yAxis](#yaxis-property) | <code>number</code> |  |

### color property

<b>Signature</b>

```typescript
color: string;
```

### displayValues property

<b>Signature</b>

```typescript
displayValues?: DisplayValue[];
```

### isVisible property

<b>Signature</b>

```typescript
isVisible: boolean;
```

### label property

<b>Signature</b>

```typescript
label: string;
```

### yAxis property

<b>Signature</b>

```typescript
yAxis: number;
```