PanelProps interface

Signature

  1. export interface PanelProps<T = any>

Import

  1. import { PanelProps } from '@grafana/data';

Properties

PropertyTypeDescription
dataPanelDataResult set of panel queries
eventBusEventBusEventBus
fieldConfigFieldConfigSourceField options configuration
heightnumberCurrent height of the panel
idnumberID of the panel within the current dashboard
onChangeTimeRange(timeRange: AbsoluteTimeRange) => voidTime range change handler
onFieldConfigChange(config: FieldConfigSource) => voidField config change handler
onOptionsChange(options: T) => voidPanel options change handler
optionsTPanel options
replaceVariablesInterpolateFunctionTemplate variables interpolation function
timeRangeTimeRangeTime range of the current dashboard
timeZoneTimeZoneTime zone of the current dashboard
titlestringPanel title
transparentbooleanIndicates whether or not panel should be rendered transparent
widthnumberCurrent width of the panel

data property

Result set of panel queries

Signature

  1. data: PanelData;

eventBus property

EventBus

Signature

  1. eventBus: EventBus;

fieldConfig property

Field options configuration

Signature

  1. fieldConfig: FieldConfigSource;

height property

Current height of the panel

Signature

  1. height: number;

id property

ID of the panel within the current dashboard

Signature

  1. id: number;

onChangeTimeRange property

Time range change handler

Signature

  1. onChangeTimeRange: (timeRange: AbsoluteTimeRange) => void;

onFieldConfigChange property

Field config change handler

Signature

  1. onFieldConfigChange: (config: FieldConfigSource) => void;

onOptionsChange property

Panel options change handler

Signature

  1. onOptionsChange: (options: T) => void;

options property

Panel options

Signature

  1. options: T;

replaceVariables property

Template variables interpolation function

Signature

  1. replaceVariables: InterpolateFunction;

timeRange property

Time range of the current dashboard

Signature

  1. timeRange: TimeRange;

timeZone property

Time zone of the current dashboard

Signature

  1. timeZone: TimeZone;

title property

Panel title

Signature

  1. title: string;

transparent property

Indicates whether or not panel should be rendered transparent

Signature

  1. transparent: boolean;

width property

Current width of the panel

Signature

  1. width: number;