GraphNGProps interface
Signature
export interface GraphNGProps extends Themeable2
Import
import { GraphNGProps } from '@grafana/ui';
Properties
| Property | Type | Description |
|---|---|---|
| children | (builder: UPlotConfigBuilder, alignedFrame: DataFrame) => React.ReactNode |
|
| fields | XYFieldMatchers |
|
| frames | DataFrame[] |
|
| height | number |
|
| legend | VizLegendOptions |
|
| onLegendClick | (event: GraphNGLegendEvent) => void |
|
| preparePlotFrame | (frames: DataFrame[], dimFields: XYFieldMatchers) => DataFrame |
|
| prepConfig | (alignedFrame: DataFrame, allFrames: DataFrame[], getTimeRange: () => TimeRange) => UPlotConfigBuilder |
|
| propsToDiff | Array<string | PropDiffFn> |
|
| renderLegend | (config: UPlotConfigBuilder) => React.ReactElement | null |
|
| structureRev | number |
|
| timeRange | TimeRange |
|
| timeZone | TimeZone |
|
| width | number |
children property
Signature
children?: (builder: UPlotConfigBuilder, alignedFrame: DataFrame) => React.ReactNode;
fields property
Signature
fields?: XYFieldMatchers;
frames property
Signature
frames: DataFrame[];
height property
Signature
height: number;
legend property
Signature
legend: VizLegendOptions;
onLegendClick property
Signature
onLegendClick?: (event: GraphNGLegendEvent) => void;
preparePlotFrame property
Signature
preparePlotFrame?: (frames: DataFrame[], dimFields: XYFieldMatchers) => DataFrame;
prepConfig property
Signature
prepConfig: (alignedFrame: DataFrame, allFrames: DataFrame[], getTimeRange: () => TimeRange) => UPlotConfigBuilder;
propsToDiff property
Signature
propsToDiff?: Array<string | PropDiffFn>;
renderLegend property
Signature
renderLegend: (config: UPlotConfigBuilder) => React.ReactElement | null;
structureRev property
Signature
structureRev?: number;
timeRange property
Signature
timeRange: TimeRange;
timeZone property
Signature
timeZone: TimeZone;
width property
Signature
width: number;
Related Grafana resources
Getting started with Grafana 8
Grafana 8.0 is here! Join us for a live walkthrough on how to get started using Grafana 8 and the Grafana 8 user interface while showing how to set up monitoring for a web service that uses Prometheus and Loki to store metrics and logs.
Unify your data with Grafana plugins: Splunk, MongoDB, Datadog, and more
Show how Grafana can be used to take data from multiple different sources and unify it, without disrupting the investments that are working today.
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.
