Menu

Important: This documentation is about an older version. It's relevant only to the release noted, many of the features and functions have been updated or replaced. Please view the current version.

Documentationbreadcrumb arrow Grafana documentationbreadcrumb arrow API Referencebreadcrumb arrow @grafana/uibreadcrumb arrow GraphNGProps
Enterprise Open source

GraphNGProps interface

Signature

typescript 
export interface GraphNGProps extends Themeable2

Import

typescript 
import { GraphNGProps } from '@grafana/ui';

Properties

PropertyTypeDescription
children(builder: UPlotConfigBuilder, alignedFrame: DataFrame) => React.ReactNode
fieldsXYFieldMatchers
framesDataFrame[]
heightnumber
legendVizLegendOptions
onLegendClick(event: GraphNGLegendEvent) => void
optionsRecord<string, any>needed for propsToDiff to re-init the plot & config this is a generic approach to plot re-init, without having to specify which panel-level options should cause invalidation. we can drop this in favor of something like panelOptionsRev that gets passed in similar to structureRev. then we can drop propsToDiff entirely.
preparePlotFrame(frames: DataFrame[], dimFields: XYFieldMatchers) => DataFrame
prepConfig(alignedFrame: DataFrame, allFrames: DataFrame[], getTimeRange: () => TimeRange) => UPlotConfigBuilder
propsToDiffArray<string | PropDiffFn>
renderersRenderers
renderLegend(config: UPlotConfigBuilder) => React.ReactElement | null
structureRevnumber
timeRangeTimeRange
timeZoneTimeZone
tweakAxis(opts: AxisProps, forField: Field) => AxisProps
tweakScale(opts: ScaleProps, forField: Field) => ScaleProps
widthnumber

children property

Signature

typescript 
children?: (builder: UPlotConfigBuilder, alignedFrame: DataFrame) => React.ReactNode;

fields property

Signature

typescript 
fields?: XYFieldMatchers;

frames property

Signature

typescript 
frames: DataFrame[];

height property

Signature

typescript 
height: number;

legend property

Signature

typescript 
legend: VizLegendOptions;

onLegendClick property

Signature

typescript 
onLegendClick?: (event: GraphNGLegendEvent) => void;

options property

needed for propsToDiff to re-init the plot & config this is a generic approach to plot re-init, without having to specify which panel-level options should cause invalidation. we can drop this in favor of something like panelOptionsRev that gets passed in similar to structureRev. then we can drop propsToDiff entirely.

Signature

typescript 
options?: Record<string, any>;

preparePlotFrame property

Signature

typescript 
preparePlotFrame?: (frames: DataFrame[], dimFields: XYFieldMatchers) => DataFrame;

prepConfig property

Signature

typescript 
prepConfig: (alignedFrame: DataFrame, allFrames: DataFrame[], getTimeRange: () => TimeRange) => UPlotConfigBuilder;

propsToDiff property

Signature

typescript 
propsToDiff?: Array<string | PropDiffFn>;

renderers property

Signature

typescript 
renderers?: Renderers;

renderLegend property

Signature

typescript 
renderLegend: (config: UPlotConfigBuilder) => React.ReactElement | null;

structureRev property

Signature

typescript 
structureRev?: number;

timeRange property

Signature

typescript 
timeRange: TimeRange;

timeZone property

Signature

typescript 
timeZone: TimeZone;

tweakAxis property

Signature

typescript 
tweakAxis?: (opts: AxisProps, forField: Field) => AxisProps;

tweakScale property

Signature

typescript 
tweakScale?: (opts: ScaleProps, forField: Field) => ScaleProps;

width property

Signature

typescript 
width: number;