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

## PanelProps interface

<b>Signature</b>

```typescript
export interface PanelProps<T = any> 
```
<b>Import</b>

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

|  Property | Type | Description |
|  --- | --- | --- |
|  [data](#data-property) | <code>PanelData</code> |  |
|  [height](#height-property) | <code>number</code> |  |
|  [id](#id-property) | <code>number</code> |  |
|  [onChangeTimeRange](#onchangetimerange-property) | <code>(timeRange: AbsoluteTimeRange) =&gt; void</code> |  |
|  [onOptionsChange](#onoptionschange-property) | <code>(options: T) =&gt; void</code> |  |
|  [options](#options-property) | <code>T</code> |  |
|  [renderCounter](#rendercounter-property) | <code>number</code> |  |
|  [replaceVariables](#replacevariables-property) | <code>InterpolateFunction</code> |  |
|  [timeRange](#timerange-property) | <code>TimeRange</code> |  |
|  [timeZone](#timezone-property) | <code>TimeZone</code> |  |
|  [transparent](#transparent-property) | <code>boolean</code> |  |
|  [width](#width-property) | <code>number</code> |  |

### data property

<b>Signature</b>

```typescript
data: PanelData;
```

### height property

<b>Signature</b>

```typescript
height: number;
```

### id property

<b>Signature</b>

```typescript
id: number;
```

### onChangeTimeRange property

<b>Signature</b>

```typescript
onChangeTimeRange: (timeRange: AbsoluteTimeRange) => void;
```

### onOptionsChange property

<b>Signature</b>

```typescript
onOptionsChange: (options: T) => void;
```

### options property

<b>Signature</b>

```typescript
options: T;
```

### renderCounter property

<b>Signature</b>

```typescript
renderCounter: number;
```

### replaceVariables property

<b>Signature</b>

```typescript
replaceVariables: InterpolateFunction;
```

### timeRange property

<b>Signature</b>

```typescript
timeRange: TimeRange;
```

### timeZone property

<b>Signature</b>

```typescript
timeZone: TimeZone;
```

### transparent property

<b>Signature</b>

```typescript
transparent: boolean;
```

### width property

<b>Signature</b>

```typescript
width: number;
```