PanelProps interface
Signature
export interface PanelProps<T = any>
Import
import { PanelProps } from '@grafana/data';
Properties
Property | Type | Description |
---|---|---|
data | PanelData |
Result set of panel queries |
eventBus | EventBus |
EventBus |
fieldConfig | FieldConfigSource |
Field options configuration |
height | number |
Current height of the panel |
id | number |
ID of the panel within the current dashboard |
onChangeTimeRange | (timeRange: AbsoluteTimeRange) => void |
Time range change handler |
onFieldConfigChange | (config: FieldConfigSource) => void |
Field config change handler |
onOptionsChange | (options: T) => void |
Panel options change handler |
options | T |
Panel options |
replaceVariables | InterpolateFunction |
Template variables interpolation function |
timeRange | TimeRange |
Time range of the current dashboard |
timeZone | TimeZone |
Time zone of the current dashboard |
title | string |
Panel title |
transparent | boolean |
Indicates whether or not panel should be rendered transparent |
width | number |
Current width of the panel |
data property
Result set of panel queries
Signature
data: PanelData;
eventBus property
EventBus
Signature
eventBus: EventBus;
fieldConfig property
Field options configuration
Signature
fieldConfig: FieldConfigSource;
height property
Current height of the panel
Signature
height: number;
id property
ID of the panel within the current dashboard
Signature
id: number;
onChangeTimeRange property
Time range change handler
Signature
onChangeTimeRange: (timeRange: AbsoluteTimeRange) => void;
onFieldConfigChange property
Field config change handler
Signature
onFieldConfigChange: (config: FieldConfigSource) => void;
onOptionsChange property
Panel options change handler
Signature
onOptionsChange: (options: T) => void;
options property
Panel options
Signature
options: T;
replaceVariables property
Template variables interpolation function
Signature
replaceVariables: InterpolateFunction;
timeRange property
Time range of the current dashboard
Signature
timeRange: TimeRange;
timeZone property
Time zone of the current dashboard
Signature
timeZone: TimeZone;
title property
Panel title
Signature
title: string;
transparent property
Indicates whether or not panel should be rendered transparent
Signature
transparent: boolean;
width property
Current width of the panel
Signature
width: number;
Related Grafana video resources
Getting started with Grafana
Take a guided tour of Grafana and learn how to monitor a web service using Prometheus and Loki in this beginner-friendly webinar.
All about Grafana plugins: Visualizing disparate data sources in one place
Grafana Enterprise plugins are integrations with other commercial monitoring tools (such as Datadog, Splunk, New Relic, ServiceNow, Oracle, and Dynatrace) that are created, maintained, and supported by the Grafana Labs team.
Demo: Getting started with Grafana Enterprise and observability
Join the Grafana Labs team for a 30-minute demo of how to get started with the Grafana Stack, so you can go from zero to observability in just a few minutes.